:root{--night:#07100d;--deep:#0c1813;--ink:#102018;--paper:#f5f7f0;--muted:#9caaa3;--gold:#e6bd53;--acid:#d8ff57;--white:#fff;--serif:Georgia,"Times New Roman",serif;--sans:Arial,"Helvetica Neue",sans-serif;--mono:"Cascadia Mono",Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%;overflow:hidden;background:var(--night)}
html{scroll-behavior:smooth}
body{margin:0;color:var(--white);font-family:var(--sans);text-rendering:optimizeLegibility}
body::before{position:fixed;z-index:0;inset:0;content:"";background:linear-gradient(110deg,rgba(2,7,5,.94),rgba(2,7,5,.73)),url('/assets/ross-ade-night-board-owner-2023-v1.jpg') center/cover no-repeat;filter:saturate(.72);pointer-events:none}
a{color:inherit}
a:focus-visible,iframe:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.skip-link{position:fixed;z-index:100;top:10px;left:10px;min-height:44px;padding:13px 16px;background:var(--acid);color:var(--ink);font:900 12px/1.4 var(--mono);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.signal-mast{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:24px;padding:10px max(16px,env(safe-area-inset-left)) 10px max(16px,env(safe-area-inset-right));border-bottom:1px solid rgba(255,255,255,.24);background:rgba(4,11,8,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.signal-brand{display:grid;gap:4px;min-height:44px;align-content:center;text-decoration:none}
.signal-brand strong{font:900 15px/1 var(--sans);letter-spacing:.055em}
.signal-brand span{color:var(--gold);font:800 8px/1 var(--mono);letter-spacing:.1em}
.signal-mast nav{display:flex;gap:8px}
.signal-mast nav a{display:flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid rgba(255,255,255,.35);font:900 9px/1 var(--mono);letter-spacing:.07em;text-decoration:none}
.signal-mast nav .tracker-return{border-color:var(--acid);background:var(--acid);color:var(--ink)}
.signal-mast nav a:hover,.signal-mast nav a:focus-visible{background:var(--paper);color:var(--ink)}
.reel-index{position:fixed;z-index:45;top:50%;right:max(10px,env(safe-area-inset-right));display:grid;gap:4px;transform:translateY(-50%)}
.reel-index a{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.28);background:rgba(3,10,7,.75);font:900 8px/1 var(--mono);text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.reel-index a:hover,.reel-index a:focus-visible{border-color:var(--acid);background:var(--acid);color:var(--ink)}
.film-reel{position:relative;z-index:1;height:100svh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}
.film-slide{--wash:rgba(230,189,83,.18);position:relative;display:grid;min-height:100svh;align-items:center;padding:104px clamp(66px,7vw,112px) 38px clamp(18px,5vw,76px);scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate}
.film-slide::before,.film-slide::after{position:absolute;z-index:-1;inset:0;content:"";pointer-events:none}
.film-slide::before{background:radial-gradient(circle at 82% 18%,var(--wash),transparent 28%),linear-gradient(110deg,rgba(4,15,11,.97) 0%,rgba(6,19,14,.89) 47%,rgba(2,7,5,.82) 100%)}
.film-slide::after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 30px),linear-gradient(90deg,transparent 49.9%,rgba(216,255,87,.11) 50%,transparent 50.1%);opacity:.7}
.film-slide--02{--wash:rgba(216,255,87,.15)}
.film-slide--03{--wash:rgba(63,103,220,.2)}
.film-slide--04{--wash:rgba(193,84,110,.2)}
.film-slide--05{--wash:rgba(230,189,83,.22)}
.film-slide--06{--wash:rgba(94,170,128,.2)}
.film-slide__inner{display:grid;width:min(100%,1500px);grid-template-columns:minmax(280px,.78fr) minmax(440px,1.22fr);align-items:center;gap:clamp(28px,5vw,78px);margin:auto}
.film-slide:nth-child(even) .film-slide__copy{order:2}
.film-slide__copy{min-width:0}
.design-direction{width:max-content;max-width:100%;margin:0 0 20px;padding:8px 10px;border-left:3px solid var(--acid);background:rgba(0,0,0,.45);color:#c0ccc6;font:700 8px/1.45 var(--mono);letter-spacing:.035em}
.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 24px;font:900 9px/1 var(--mono);letter-spacing:.12em}
.eyebrow span{padding:8px 10px;background:var(--gold);color:#111}
.eyebrow strong{color:#ced8d2}
.film-slide h1,.film-slide h2{margin:0;font:900 clamp(48px,6.7vw,104px)/.78 var(--serif);letter-spacing:-.065em}
.film-slide h1 em,.film-slide h2 em{color:var(--acid);font-style:italic}
.film-deck{max-width:42rem;margin:24px 0 0;color:#e1e7e3;font:600 clamp(15px,1.35vw,19px)/1.5 var(--sans)}
.source-title{display:grid;gap:5px;margin:22px 0 0;padding:12px 14px;border-left:4px solid var(--gold);background:rgba(0,0,0,.42)}
.source-title span{color:var(--gold);font:900 8px/1 var(--mono);letter-spacing:.12em}
.source-title strong{font:800 12px/1.35 var(--sans)}
.film-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.film-actions a{display:flex;min-height:44px;align-items:center;justify-content:center;padding:10px 13px;border:1px solid rgba(255,255,255,.36);background:rgba(2,7,5,.58);font:900 8px/1.2 var(--mono);letter-spacing:.075em;text-decoration:none}
.film-actions a:last-child,.film-actions .film-actions__tracker{border-color:var(--acid);background:var(--acid);color:var(--ink)}
.film-actions a:hover,.film-actions a:focus-visible{background:var(--paper);color:var(--ink)}
.truth-note,.legal-note{max-width:46rem;margin:16px 0 0;color:#9eaea6;font:700 8px/1.5 var(--mono);letter-spacing:.035em}
.truth-note strong{color:var(--gold)}
.player-window{min-width:0;border:1px solid rgba(255,255,255,.34);border-top:7px solid var(--gold);background:#030504;box-shadow:0 32px 100px rgba(0,0,0,.5)}
.player-window__label{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:18px;padding:0 14px;color:var(--gold);font:900 8px/1 var(--mono);letter-spacing:.13em}
.player-window__label b{color:#98aaa1}
.player-shell{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}
.player-shell::before{position:absolute;z-index:1;inset:0;border:1px solid rgba(255,255,255,.18);content:"";pointer-events:none}
.player-shell iframe{display:block;width:100%;height:100%;border:0;background:#000}
.player-window>p{margin:0;padding:12px 14px;color:#94a59c;font:700 8px/1.4 var(--mono);letter-spacing:.04em}
@media(max-width:900px){.film-slide{align-items:start;padding-top:98px}.film-slide__inner{grid-template-columns:1fr;gap:20px;margin:0 auto}.film-slide:nth-child(even) .film-slide__copy{order:0}.film-slide h1,.film-slide h2{font-size:clamp(46px,10.5vw,78px)}.player-window{width:min(100%,820px)}.film-deck{margin-top:16px}.source-title{margin-top:16px}.film-actions{margin-top:15px}}
@media(max-width:620px){.signal-mast{min-height:66px;padding-block:8px}.signal-brand span{display:none}.signal-mast nav a{padding-inline:9px}.signal-mast nav a:last-child{display:none}.reel-index{top:auto;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;grid-template-columns:repeat(6,1fr);gap:3px;transform:none}.reel-index a{width:auto;height:44px}.film-slide{min-height:100svh;padding:82px 12px 62px}.film-slide__inner{gap:14px}.design-direction{margin-bottom:12px;font-size:7px}.eyebrow{margin-bottom:13px;font-size:8px}.film-slide h1,.film-slide h2{font-size:clamp(40px,13vw,58px);line-height:.8}.film-deck{font-size:14px;line-height:1.4}.source-title{margin-top:12px;padding:9px 11px}.source-title strong{font-size:10px}.film-actions{gap:5px;margin-top:11px}.film-actions a{flex:1;padding:8px 6px;text-align:center}.truth-note,.legal-note{margin-top:10px;font-size:7px}.player-window{border-top-width:5px}.player-window__label{min-height:30px;padding-inline:10px}.player-window>p{padding:8px 10px;font-size:7px}}
@media(max-width:390px){.signal-brand strong{font-size:13px}.signal-mast nav .tracker-return{font-size:8px}.film-slide{padding-inline:10px}.film-slide h1,.film-slide h2{font-size:12vw}.film-deck{font-size:12px}.design-direction{width:auto}.player-window>p{display:none}}
@media(max-height:700px) and (max-width:900px){.film-slide{align-items:start;padding-top:76px}.film-slide__inner{gap:8px}.film-slide h1,.film-slide h2{font-size:clamp(34px,9vh,54px)}.film-deck{margin-top:9px;font-size:12px}.source-title{margin-top:8px}.film-actions{margin-top:8px}.truth-note,.legal-note{display:none}}
@media(prefers-reduced-motion:reduce){html,.film-reel{scroll-behavior:auto}.film-reel{scroll-snap-type:y proximity}}