/* Dark editorial palette and a single live monitor, separate from the room. */
:root{--ink:#111410;--paper:#eeeee3;--muted:#a1aa96;--line:#3a4133;--accent:#d57553;color-scheme:dark;background:var(--ink);color:var(--paper)}
body{background:var(--ink);color:var(--paper)}
.site-header{background:#111410f7;border-bottom:1px solid #343b2e}
.brand{background:transparent;padding-left:0;padding-right:0}
.brand-caption{color:#d0d6c7}.brand-caption span{color:#9aa58f}
.site-header nav>a:hover{color:#e9b698}.contact-link{border-bottom-color:#68725d}
.language-switch button{color:#8a967d}.language-switch button[aria-pressed=true]{color:#f0f0e4}.language-switch>span{color:#5d6752}
.journey-footer,.section-heading,.site-footer{border-color:#3d4733}
.journey-footer{color:#9ca78f}.journey-footer button{color:#d9dfcd}
.lab-heading>p{color:#abb69c}.tiny-line{background:#d57553}
.grading-desk{background:#171e15;border:1px solid #394830}
.control-surface{background:#20291c;border-color:#394830}
.lab-monitor{background:#171e15}
.chapter-links{background:#3e4a34;border-color:#3e4a34}
.hello-card{background:#283220;color:#e1e7d6}
.hello-card:hover{background:#303d26}
.site-footer{color:#a2ad95}.site-footer button{border-bottom-color:#657257}.site-footer a:hover{color:#eeeee3}
.skip-link{background:#d1d9c2;color:#151d10}
.scene-picks button[aria-pressed=true]{background:#455337;color:#eff2e6}

#monitor-media{position:absolute;left:42.375%;top:38.9444%;width:14.2083%;height:8.2222%;overflow:hidden;background:#030403;isolation:isolate;z-index:1}
#monitor-player{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .35s linear;pointer-events:none}
#monitor-player iframe{position:absolute;left:50%;top:50%;border:0;max-width:none;transform:translate(-50%,-50%);pointer-events:none}
#monitor-media.video-ready #monitor-player{opacity:1}
#reel-fallback{position:absolute;inset:0;background:#030403;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:8%;transition:opacity .25s linear}
#reel-fallback img{width:44%;max-width:250px;height:auto}
#reel-fallback a{font-size:clamp(9px,1vw,13px);color:#d6ddcc;display:none;border-bottom:1px solid #8c977d;padding-bottom:6px}
#monitor-media[data-expanded=true] #reel-fallback a{display:block}
#monitor-media.video-ready #reel-fallback{opacity:0;pointer-events:none;visibility:hidden}
#monitor-media[data-playback=error] #reel-fallback{opacity:1;visibility:visible}
.cinema-shade{z-index:2;background:linear-gradient(180deg,#0205015c,transparent 28%,transparent 42%,#02050122 61%,#020501e8);opacity:var(--shade-opacity,1)}
.stage-topline,#intro,#arrival-copy,.journey-track{z-index:3}
.stage-topline{pointer-events:none}
.reel-controls{position:absolute;right:var(--gutter);top:52px;z-index:5;display:flex;gap:1px;background:#77896a66;border:1px solid #a5b39633}
.reel-controls button{min-height:34px;min-width:80px;padding:8px 12px;background:#0c130bea;color:#e1e9d6;font-size:9px;letter-spacing:.02em;white-space:nowrap}
.reel-controls button:hover{background:#29351f}
.reel-controls button:disabled{cursor:wait;color:#a1ac95}
.reel-controls button[aria-pressed=true]{background:#34402b;color:#e2ebd7}
#arrival-copy{bottom:38px;text-shadow:0 1px 20px #0008;max-width:80%;pointer-events:none}
#arrival-copy[aria-hidden=false]{pointer-events:auto}
#arrival-copy .eyebrow{font-size:8px;letter-spacing:.19em}
#arrival-copy h2{font-size:clamp(24px,3.2vw,50px);font-weight:600;line-height:1.05;margin:12px 0 24px;max-width:650px}
#arrival-copy .round-link{padding:9px 13px;background:#0d150bba;border:1px solid #d2ddc666;font-size:10px}
.reel-controls :focus-visible{outline-color:#edf2da;outline-offset:4px}
@media(max-width:700px){
  .brand{padding:4px 0}
  .site-header{background:#111410fc}
  .reel-controls{right:21px;top:46px}
  .reel-controls button{min-height:32px;min-width:68px;font-size:8px;padding:7px 9px}
  #arrival-copy{left:24px;right:24px;bottom:32px;max-width:none}
  #arrival-copy h2{font-size:33px;max-width:290px;margin:12px 0 20px}
  #arrival-copy .eyebrow{font-size:7px}
  .grading-desk{border-left:0;border-right:0}
}
@media(prefers-reduced-motion:reduce){#monitor-player,#reel-fallback{transition:none}}