/* Photographic art direction: footage remains the environment. */
:root{--chrome:#fffdf5;--mist:#e2e8e4;--electric:#eee8d6;--electric-bright:#f8edce;--line:rgba(255,255,255,.4)}
html,body{background:#466960;color:#fffdf5}.film-stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#486f6c url('journey/frame-001.webp') center/cover no-repeat}.film-stage video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.04);transform:scale(1.015)}
#post-fx{background:linear-gradient(90deg,rgba(10,28,28,.70),rgba(10,28,28,.35) 46%,rgba(10,28,28,.07) 80%),linear-gradient(180deg,rgba(10,22,25,.25),transparent 30%,transparent 75%,rgba(10,22,25,.3));opacity:1}#post-fx:after{display:none}
.panel h1,.panel h2,.hero-title .veil,.lede,.service-block p,.work-block p,.about-block h2 em,.eyebrow,.service-index,.work-meta,.work-link,.contact-foot a,.stats b,.stats span{color:#fffdf5!important}.panel h1,.panel h2{text-shadow:0 2px 25px rgba(0,0,0,.13)}.panel .lede,.service-block p,.work-block p{color:#e5eae6!important}.eyebrow,.service-index,.work-meta{color:#e7d9ba!important}.hero-title .veil{font-weight:400!important}.panel{will-change:opacity,transform}.service-tags span{border-color:rgba(255,255,255,.4);color:#f6f5ec}.btn{color:#fff;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.5)}.btn.solid{color:#163a36;background:#f3eee0;border-color:#f3eee0}.btn:hover{background:#fff;color:#193a35}.scroll-cue{color:#f2efdf}.scroll-cue .bar{background:#faf3dc}
nav.hud-nav{color:#fff;background:linear-gradient(rgba(10,25,28,.24),transparent)}.hud-nav .mark{color:#fffdf5!important}.progress-rail{background:#e4d5ae}.cursor-ring{border-color:#f1e6c9}.journey-ui{color:#fffdf5}.journey-ui .journey-label,.journey-ui button{background:rgba(21,46,44,.38);border-color:rgba(255,255,255,.35);backdrop-filter:blur(12px)}.journey-ui .journey-label{border:1px solid rgba(255,255,255,.18)}.about-block .stats div b,.about-block .stats div span{color:#fffdf5}.contact-panel .inner{padding:26px 34px;background:rgba(24,51,48,.58);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px);border-radius:3px;max-width:590px}.contact-panel h2{font-size:clamp(2rem,3.3vw,3.5rem)}.contact-panel p.lede{font-size:15px;line-height:1.5}.contact-panel .eyebrow{display:none}.contact-panel{padding-top:90px;padding-bottom:90px}.contact-foot{margin-top:13px}.contact-foot a{color:#f4eddc}.form-status{color:#e1e8df;font-size:12px}form.reach-form{margin-top:16px;gap:8px}form.reach-form input,form.reach-form textarea{background:rgba(248,249,240,.94);padding:11px;color:#193a34}form.reach-form textarea{min-height:64px}.film-help{position:fixed;bottom:85px;left:5vw;z-index:50;background:rgba(20,44,41,.75);padding:10px 15px;color:#fff;max-width:420px;font-size:13px;line-height:1.5}.film-help[hidden]{display:none}.scene-fallback .film-stage{display:none}.scene-fallback .panel{background:linear-gradient(90deg,rgba(10,30,29,.72),rgba(10,30,29,.27)),url('journey/frame-001.webp') center/cover!important}.scene-fallback .panel:nth-child(n+3):nth-child(-n+7){background-image:linear-gradient(90deg,rgba(10,30,29,.77),rgba(10,30,29,.3)),url('journey/frame-049.webp')!important}.scene-fallback .contact-panel .inner{margin:auto}.scene-fallback .fallback-note{background:#31534e;color:#fff}.scene-fallback nav.hud-nav{background:#31534ed9}.scene-fallback .panel{clip-path:none!important}.film-stage .loading-mark{position:absolute;bottom:90px;right:5vw;font:12px monospace;color:white}.film-stage.ready .loading-mark{display:none}
@media(max-width:800px){#post-fx{background:linear-gradient(180deg,rgba(10,26,26,.61),rgba(10,26,26,.48) 62%,rgba(10,26,26,.12))}.film-stage video{object-position:48% center}.contact-panel .inner{padding:20px}.contact-panel h2{font-size:2rem}.contact-panel p.lede{font-size:14px}.contact-panel{padding-top:90px}.film-help{left:7vw;right:7vw;bottom:74px}.journey-ui .journey-label{font-size:10px}}
@media(max-height:780px){.contact-panel .inner{padding:20px}.contact-panel h2{font-size:2rem}.contact-panel .lede{margin-top:10px}.contact-panel .contact-foot{margin-top:8px}.contact-panel form.reach-form{gap:7px}form.reach-form input,form.reach-form textarea{padding:9px}}
