html,body{min-height:100%;height:100%;overflow-x:hidden;overflow-y:auto}
.stage{height:100svh;min-height:620px}
.field{inset:0;background:#344b5d;transform:none!important;filter:saturate(.92) contrast(1.02) brightness(.98)!important}
.field picture,.field img,.field video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.field picture{inset:-1.5%;width:103%;height:103%;animation:fieldBreath 18s ease-in-out infinite alternate}
.field video{display:none;opacity:0;transition:opacity .35s ease}
.field video.ready{opacity:1}
.logo-zone{display:block;left:55.5%;top:27.5%;width:32vw;max-width:650px;min-width:360px}
.logo-zone::before,.logo-zone::after{display:none}
.logo-fallback,#logo-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.logo-fallback{display:none}
#logo-canvas canvas{display:block;width:100%;height:100%}
.logo-zone.webgl-ready .logo-fallback{visibility:hidden}
.contact-glow{position:absolute;left:12%;right:8%;top:71%;height:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--signal-rgb),.25),rgba(var(--signal-rgb),.07) 38%,transparent 72%);filter:blur(16px);transform:scaleX(1.22);transition:background .5s;mix-blend-mode:screen}
.eyebrow{color:#c0cdd4}.footer{color:#b5c3cc}.story{color:#e3eaf0}.project-readout{opacity:1;color:#c2cdd5}
nav a,.footer a{min-height:28px;display:inline-flex;align-items:center}
.audio{min-height:44px;min-width:100px}
.project-word{min-height:24px}
.grain{inset:-3%}
body.departing .field{filter:brightness(.26) saturate(.5)!important;transition:filter .72s ease}
body.departing .fog{opacity:.75;transform:translateY(-9%);transition:transform .72s ease,opacity .72s ease;animation:none}
body.departing .contact-glow{opacity:1;filter:blur(8px)}
body.page-hidden *,body.motion-reduced *{animation-play-state:paused!important}
body.motion-reduced .field video{display:none}
@keyframes fieldBreath{from{transform:scale(1.01) translate3d(-.15%,0,0)}to{transform:scale(1.035) translate3d(.35%,-.15%,0)}}
@media(min-width:761px) and (max-width:1000px){.hero{width:46vw}.logo-zone{left:55%;width:43vw;min-width:0;top:29%}.story{font-size:16px}.ui{padding:32px}}
@media(max-width:760px){.stage{min-height:700px}.ui{padding:20px 20px 22px}.field{inset:0}.field img,.field video{object-position:64% center}.logo-zone{left:49%;top:13%;width:52vw;min-width:0;max-width:235px}.hero{margin-bottom:3vh;align-self:end}.story{max-width:31ch}.project-readout{min-height:62px}.fog{filter:blur(16px);opacity:.24}.grain{animation:none}.topbar nav a{min-height:32px}.topbar nav{gap:12px}h1{font-size:52px}.footer-left{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fog{transform:none!important}.field picture{transform:scale(1.02)}}