@font-face{font-family:system-display;src:local("Helvetica Neue");font-display:swap}
:root{color-scheme:dark;--ink:#f7f5f5;--muted:#bdb4b4;--sky:#f06a6a;--base:#080808}
*{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)}
.light-scene{position:absolute;inset:0;z-index:-2;pointer-events:none;background:var(--base)}
.light-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;opacity:.68;transform:scale(1.04)}
.light-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808df 0%,#08080880 37%,#08080800 73%),linear-gradient(0deg,#080808d9 0%,#08080800 36%,#08080800 75%,#08080890 100%)}
@media(prefers-reduced-motion:no-preference){.light-scene img{animation:light-drift 20s ease-in-out infinite alternate}}
@keyframes light-drift{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.08) translate(-1%,-.6%)}}
.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;flex-shrink:0;font-size:21px;line-height:1.4;letter-spacing:.015em;white-space:nowrap}
.hero{flex:1;display:flex;align-items:center;min-height:340px;position:relative;padding:70px 0 125px}
h1{font-size:clamp(52px,6.9vw,116px);line-height:1.045;letter-spacing:-.065em;font-weight:400;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{font-size:19px}.hero{align-items:center;min-height:540px;padding:80px 0 140px}h1{font-size:clamp(23px,6.2vw,44px);letter-spacing:-.06em;line-height:1.09}.footer{min-height:110px;gap:10px 15px;flex-wrap:wrap;align-content:center}.light-scene img{object-position:62% 50%;opacity:.64}.light-scene::after{background:linear-gradient(180deg,#080808b0 0%,#08080880 45%,#08080800 65%,#080808c9 100%),linear-gradient(90deg,#08080880,#08080800)}}
@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}}
