:root{color-scheme:light;--ink:#102335;--muted:#516173;--accent:#ff641d;--line:#dfe5eb;--paper:#fff}
*{box-sizing:border-box}
html{min-width:280px;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page{min-height:100svh;max-width:1440px;margin:0 auto;padding:clamp(16px,3svh,28px) 7%;display:flex;flex-direction:column}
.masthead{padding-bottom:clamp(8px,1.6svh,16px);border-bottom:1px solid var(--line)}
.brand{display:block;width:clamp(200px,30svh,280px);max-width:100%;border-radius:4px}
.brand img{display:block;width:100%;height:auto}
main{flex:1;display:flex;align-items:center;padding:clamp(12px,3.5svh,36px) 0}
.intro{position:relative;width:100%;max-width:1020px;padding-left:clamp(18px,3vw,32px);border-left:3px solid var(--accent)}
.eyebrow{margin:0 0 clamp(12px,2svh,20px);font-size:.875rem;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.eyebrow span{display:inline-block;width:22px;height:2px;vertical-align:middle;margin:0 12px 3px 0;background:var(--accent)}
h1{margin:0;max-width:1000px;font-size:clamp(1.875rem,min(4.7vw,7.3svh),4.25rem);line-height:1.1;font-weight:650;letter-spacing:-.045em;text-wrap:balance}
.description{max-width:620px;margin:clamp(14px,2.8svh,24px) 0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5;color:var(--muted);text-wrap:pretty}
.contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 19px;border:1px solid var(--ink);border-radius:6px;color:var(--ink);font-size:1rem;font-weight:600;text-decoration:none;overflow-wrap:anywhere;transition:background .15s,color .15s}
.contact:hover{background:var(--ink);color:var(--paper)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:clamp(10px,2svh,18px);color:var(--muted);font-size:.875rem;line-height:1.5}
footer p{margin:0}
@media(max-width:640px){.page{padding:clamp(14px,2.5svh,22px) clamp(18px,5vw,24px)}.brand{width:clamp(180px,29svh,240px)}.intro{padding-left:18px}.eyebrow{font-size:.875rem}h1{font-size:clamp(1.75rem,min(8vw,6svh),3rem);line-height:1.12}.description{font-size:1rem}.contact{font-size:.9375rem;padding:10px 13px;max-width:100%}footer{flex-direction:column;gap:3px;font-size:.875rem}}
@media(max-height:500px) and (min-width:641px){.page{padding-top:12px;padding-bottom:12px}.brand{width:180px}.masthead{padding-bottom:8px}main{padding:12px 0}.eyebrow{margin-bottom:10px}.description{margin:12px 0}footer{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.contact{transition:none}}