@font-face{font-family:system-display;src:local("Helvetica Neue");font-display:swap}
:root{color-scheme:dark;--ink:#f7f5f5;--muted:#bdb4b4;--sky:#f06a6a;--base:#000000}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--base)}
body{margin:0;color:var(--ink);font-family:system-display,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--sky);outline-offset:7px;border-radius:2px}
.skip-link{position:fixed;top:12px;left:12px;z-index:10;background:var(--ink);color:var(--base);padding:12px;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.page{min-height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;padding:0 clamp(24px,5vw,88px)}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:118px;position:relative;z-index:2}
.brand{display:inline-flex;align-items:center;max-width:100%;flex-shrink:0}
.brand-mark{display:block;width:300px;max-width:100%;height:auto;object-fit:contain}
.hero{flex:1;display:flex;align-items:center;min-height:340px;position:relative;padding:70px 0 125px}
.hero-copy{width:100%;min-width:0;container-type:inline-size}
h1{font-family:"Helvetica Neue",Arial,sans-serif;font-size:min(60px,5.5cqi);line-height:1.1;letter-spacing:-.035em;font-weight:700;white-space:nowrap;margin:0}
.contact-button{display:inline-flex;align-items:center;justify-content:center;margin-top:28px;min-height:46px;padding:12px 22px;border:1px solid #ffffff66;border-radius:4px;background:#08080866;color:var(--ink);font-size:14px;line-height:1.4;letter-spacing:.2px}
.contact-button:hover{border-color:#d86868;background:#351011}
.footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff24;min-height:84px;font-size:12px;color:#bdb4b4;letter-spacing:.2px}
@media(min-width:1800px){.page{padding-left:max(88px,calc((100vw - 1630px)/2));padding-right:max(88px,calc((100vw - 1630px)/2))}}
@media(max-width:760px){.header{min-height:94px}.brand-mark{width:240px}.hero{align-items:center;min-height:540px;padding:80px 0 140px}.footer{min-height:110px;gap:10px 15px;flex-wrap:wrap;align-content:center}}
@media(max-width:380px){.page{padding:0 21px}.hero{padding-top:65px}.footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}