@font-face{font-family:Display;src:url(assets/font0.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF}@font-face{font-family:Body;src:url(assets/font1.woff2) format('woff2');font-weight:400 600;font-display:swap;unicode-range:U+0000-00FF}@font-face{font-family:Body;src:url(assets/font2.woff2) format('woff2');font-weight:700 900;font-display:swap;unicode-range:U+0000-00FF}
:root{--bg:#06131e;--panel:#0b2030;--ink:#f2f4ee;--muted:#afc1cb;--accent:#8babeb;--mint:#7ae7d4;--red:#f3a4a2;--line:#b8d9e32b;--head:Display,'Arial Narrow',sans-serif;--body:Body,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--body);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{touch-action:manipulation}img{max-width:100%;display:block}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#app{min-height:100svh;display:flex;flex-direction:column}.masthead{height:88px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,4vw,70px);z-index:10;background:linear-gradient(180deg,#081925,#06131e);border-bottom:1px solid var(--line);gap:10px}.brand{display:flex;align-items:center;gap:14px;text-align:left;border:0;background:none;padding:0;font-size:12px;letter-spacing:2px;line-height:1.5}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.6px}.logo-plaque{width:43px;height:57px;background:#f0f2eb;border-radius:3px;padding:5px;display:flex;align-items:center}.logo-plaque img{width:100%;height:100%;object-fit:contain}.header-actions{display:flex;align-items:center;gap:12px}.iconbtn{width:38px;height:38px;border:1px solid var(--line);background:transparent;border-radius:50%;display:grid;place-items:center;transition:color .2s,border-color .2s}.iconbtn:hover,.menu-button:hover{color:var(--accent);border-color:var(--accent)}.iconbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.menu-button{border:0;border-left:1px solid var(--line);background:none;padding:7px 0 7px 24px;font-size:10px;letter-spacing:1.7px;display:flex;align-items:center;gap:18px}.menu-button span{font-size:21px}#stage{position:relative;isolation:isolate;flex:1;min-height:650px;overflow:hidden;outline:none}.scene-bg{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#0b1b2a}.scene-bg img{width:100%;height:100%;object-fit:cover;object-position:40% 42%;animation:camera 24s ease-in-out infinite alternate;will-change:transform}.scene-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#04131e06 22%,#04131e80 57%,#04131ef8 78%),linear-gradient(0deg,#06131e 0%,transparent 29%,#06131e22 100%)}.hero-bg img{object-position:30% 37%}.hero-bg:after{background:linear-gradient(90deg,transparent 23%,#05131b44 48%,#06131eea 72%),linear-gradient(0deg,#06131e 0%,transparent 23%)}.graticule{position:absolute;inset:22px;pointer-events:none;border:1px solid #cce8f014;z-index:-1}.graticule:before,.graticule:after{content:'';position:absolute;width:26px;height:26px;border-color:var(--accent);opacity:.5}.graticule:before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.graticule:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.hero-content{width:46%;margin-left:51%;padding:clamp(50px,8vh,120px) clamp(28px,4vw,70px) 75px 0;max-width:800px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:3px;font-weight:700;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:'';width:28px;height:1px;background:currentColor}.hero-title{font:clamp(58px,7.5vw,120px)/1.02 var(--head);letter-spacing:.3px;margin:25px 0 24px;text-transform:uppercase}.hero-title span{display:block;color:var(--accent)}.hero-lede{font-size:clamp(14px,1.15vw,18px);color:#c2d3db;line-height:1.9;max-width:440px;margin:0 0 30px}.startrow{display:flex;align-items:center;gap:18px}.primary{border:1px solid var(--accent);background:var(--accent);color:#101b24;border-radius:3px;padding:15px 22px;font-size:12px;font-weight:800;letter-spacing:1.1px;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;box-shadow:0 4px 30px #8babeb1c;transition:background .25s,transform .25s}.primary:hover{background:#b6cbf3;transform:translateY(-2px)}.primary .arrow{font-size:21px;line-height:1}.secondary{border:1px solid var(--line);background:#071b28a8;color:var(--ink);border-radius:3px;padding:12px 18px;min-height:46px}.secondary:hover{border-color:var(--mint)}.quiet-link{border:0;background:none;text-align:left;color:var(--muted);font-size:11px;padding:10px 0}.quiet-link span{color:var(--ink);display:block;font-weight:700;font-size:12px}.hero-meta{display:flex;gap:22px;color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:30px}.hero-meta b{color:var(--mint);font-weight:600}.director-note{position:absolute;left:4.6%;bottom:50px;max-width:310px;border-left:1px solid var(--accent);padding-left:16px;text-shadow:0 2px 15px #000}.director-note small{font-size:9px;color:var(--accent);letter-spacing:2px}.director-note p{font-size:12px;margin:7px 0;color:#d4e0e7}.bottom-bar{min-height:65px;padding:14px clamp(18px,4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);z-index:10;background:#06131e;flex:none}.edition{font-size:8px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px;color:var(--muted)}.live-dot{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #7ae7d466}.textbtn{border:0;background:none;color:var(--muted);font-size:9px;letter-spacing:1.5px;padding:8px 0}.textbtn span{color:var(--accent);margin-left:8px}.navigation{display:flex;gap:13px;align-items:center}.nav-dot{height:26px;width:45px;border:0;background:transparent;position:relative;padding:0;color:#92aab9;font-size:8px;letter-spacing:1px}.nav-dot:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#49647777}.nav-dot.active{color:var(--accent)}.nav-dot.active:after{background:var(--accent);box-shadow:0 0 12px #8babeb50}.nav-dot.done:after{background:var(--mint)}.scene-marker{position:absolute;top:39px;left:4.6%;font-size:10px;letter-spacing:2px;display:flex;gap:12px;align-items:center;text-shadow:0 2px 10px #000}.scene-marker b{color:var(--accent);border:1px solid #8babeb55;background:#06131e99;padding:5px 9px;font-weight:600}.scene-state{position:absolute;top:90px;left:4.6%;color:#dbe7eb;font-size:9px;letter-spacing:3px;display:flex;gap:9px;align-items:center;text-shadow:0 2px 8px #000}.state-dot{height:5px;width:5px;border-radius:50%;background:var(--mint);animation:pulse 2s infinite}.story-panel{width:39%;margin-left:59%;padding:65px 5.5% 30px 0;position:relative;z-index:2;min-height:620px;display:flex;flex-direction:column;justify-content:center}.moment-no{font:90px/1 var(--head);color:#ffffff09;position:absolute;right:14%;top:25px}.story-panel h1{font:clamp(34px,3.7vw,61px)/1.09 var(--head);margin:22px 0;color:var(--ink);letter-spacing:.3px}.story-panel h1 em{font-style:normal;color:var(--accent)}.story-copy{color:#c5d5dd;font-size:14px;line-height:1.9;margin:0 0 22px;max-width:400px;min-height:76px}.phase-indicator{display:flex;gap:7px;margin:0 0 22px}.phase-indicator span{width:25px;height:2px;background:#cce5e223}.phase-indicator .passed{background:var(--mint)}.phase-indicator .current{background:var(--accent)}.story-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.scene-footnote{color:#8fa9b9;font-size:9px;margin:20px 0 0;letter-spacing:.2px}.scene-footnote button{background:none;border:0;border-bottom:1px solid #8fa9b940;color:inherit;padding:0;font-size:inherit}.subcontrols{display:flex;gap:16px;align-items:center;margin-top:16px}.back-link{border:0;background:none;color:#b1c4cc;padding:5px 0;font-size:10px}.autobar{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;color:var(--mint);font-size:9px;letter-spacing:1px}.autobar progress{width:100px;height:2px;border:0;accent-color:var(--mint)}.autobar button{padding:5px 8px;background:none;border:1px solid var(--line);font-size:9px}.frozen .scene-bg img{animation-play-state:paused;filter:saturate(.65) brightness(.8)}.frozen .scene-state{color:var(--accent)}.frozen .state-dot{background:var(--accent);animation:none}.frozen .graticule{border-color:#8babeb30}.frozen:after{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 40% 45%,transparent 20%,#04131e44 65%);z-index:-1}.hotspot{position:absolute;left:49%;top:53%;z-index:3;background:#071c2ce8;border:1px solid var(--accent);box-shadow:0 0 0 8px #8babeb15,0 12px 40px #0008;color:var(--accent);padding:13px 18px;border-radius:30px;display:flex;align-items:center;gap:12px;font-size:11px;animation:arrive .5s both}.hotspot:before{content:'+';width:22px;height:22px;line-height:22px;text-align:center;border:1px solid currentColor;border-radius:50%;font-size:18px}.hotspot:after{content:'';position:absolute;inset:-9px;border:1px solid #8babeb60;border-radius:40px;animation:ripple 2s ease-out infinite}.hotspot.workstation{left:28%;top:45%}.hotspot.handover{left:39%;top:49%}.evidence{position:absolute;left:4.6%;width:47%;bottom:42px;z-index:4;background:linear-gradient(135deg,#092231f7,#081923f7);border:1px solid #bcd4d144;border-radius:5px;padding:24px;box-shadow:0 24px 70px #0006;backdrop-filter:blur(18px);animation:evidence .6s cubic-bezier(.2,.7,.2,1) both}.evidence .eyebrow{font-size:8px;margin-bottom:16px;color:var(--mint)}.evidence-title{font:26px/1.15 var(--head);margin:0 0 15px}.evidence p{color:#b9cdd8;font-size:12px;margin:12px 0 0;line-height:1.8}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.record{padding:14px;border:1px solid var(--line);border-radius:3px;background:#152b3b}.record small{display:block;letter-spacing:1.4px;font-size:8px;color:var(--muted);margin-bottom:9px}.record strong{font-size:13px;display:block;margin-bottom:7px}.record code{font-size:13px;letter-spacing:2px;color:var(--accent);background:#8babeb15;padding:5px 8px;display:inline-block}.record i{font-size:9px;color:var(--muted);display:block;margin-top:8px;font-style:normal}.reveal-rule{border-left:2px solid var(--accent);padding-left:12px;margin-top:14px}.signal-path{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.signal-node{padding:10px 12px;border:1px solid #83ccba55;background:#1a3d3a77;font-size:11px;flex:1;min-width:100px;position:relative;animation:node 1s both}.signal-node:nth-child(2){animation-delay:.25s}.signal-node:nth-child(3){animation-delay:.5s}.signal-node b{display:block;color:var(--mint);font-size:8px;letter-spacing:1px;margin-bottom:4px}.signal-path .signal-arrow{color:var(--accent);font-size:20px}.time-window{display:flex;gap:15px;align-items:center}.time-window strong{font:65px/1 var(--head);color:var(--accent);white-space:nowrap}.time-window p{margin:0}.paper-flow{display:flex;gap:12px}.paper-flow div{padding:13px;flex:1;border-top:1px solid var(--accent);background:#8babeb09}.paper-flow b{display:block;font-size:9px;letter-spacing:1px;color:var(--accent);margin-bottom:7px}.paper-flow span{font-size:11px;color:#c2d3dc}.isbar{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.isbar div{background:#77e8d30b;border:1px solid #77e8d32b;padding:12px 5px;text-align:center;animation:node .65s both}.isbar div:nth-child(2){animation-delay:.1s}.isbar div:nth-child(3){animation-delay:.2s}.isbar div:nth-child(4){animation-delay:.3s}.isbar div:nth-child(5){animation-delay:.4s}.isbar b{font:32px/1 var(--head);color:var(--mint)}.isbar small{display:block;font-size:7px;margin-top:8px}.compare-switch{display:flex;gap:0;margin-bottom:18px;border:1px solid var(--line);border-radius:3px;overflow:hidden}.compare-switch button{flex:1;border:0;background:#102534;padding:11px 8px;font-size:10px;color:var(--muted)}.compare-switch .selected{background:#284637;color:var(--mint)}.compare-switch .selected.risk-choice{background:#4b2930;color:var(--red)}.path-steps{display:flex;flex-direction:column;gap:12px}.path-step{display:flex;align-items:flex-start;gap:12px;animation:node .7s both}.path-step:nth-child(2){animation-delay:.12s}.path-step:nth-child(3){animation-delay:.24s}.path-step b{border:1px solid #7ae7d455;border-radius:50%;color:var(--mint);width:24px;height:24px;display:grid;place-items:center;font-size:10px;flex:none}.path-step span{font-size:12px;line-height:1.65}.risk .path-step b{color:var(--red);border-color:#f3a4a255}.path-result{margin-top:16px;border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mint)}.risk .path-result{color:var(--red)}.risk .scene-bg img{filter:saturate(.3) brightness(.7)}.safe .scene-bg img{filter:saturate(1.1)}.outcome-caption{font-size:8px!important;letter-spacing:.4px;color:#8da6b4!important}.takeaway{position:absolute;left:4.6%;bottom:50px;width:46%;border-top:1px solid var(--accent);padding-top:20px;animation:arrive .7s both;text-shadow:0 3px 25px #000}.takeaway p{font:clamp(27px,3.1vw,48px)/1.25 var(--head);margin:15px 0;max-width:550px}.takeaway .eyebrow{font-size:9px}.memory-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.memory-tags span{border:1px solid #afccc044;background:#061c2bcf;padding:7px 10px;font-size:9px;letter-spacing:.5px}.takeaway-bg:after{background:linear-gradient(90deg,#04131e44 0%,#04131e77 45%,#04131ef5 73%),linear-gradient(0deg,#06131ef0 0%,transparent 80%)}.bridge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,#133d4b50,#06131e 80%);padding:40px}.bridge h1{font:clamp(40px,6.6vw,95px)/1.14 var(--head);max-width:1050px;margin:20px auto}.bridge h1 em{font-style:normal;color:var(--accent)}.bridge p{max-width:660px;margin:0 auto 30px;color:var(--muted);font-size:15px;line-height:1.9}.bridge .eyebrow{justify-content:center}.bridge .eyebrow:after{content:'';width:28px;height:1px;background:currentColor}.journey-line{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:32px auto;max-width:800px}.journey-line div{border-top:1px solid var(--mint);padding:14px 12px;color:var(--muted);font-size:11px}.journey-line b{font:25px var(--head);color:var(--mint);display:block;margin-bottom:5px}.end-actions{display:flex;justify-content:center;gap:15px}.opening{animation:arrive 1.3s both}#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:8;opacity:.5}#shutter{position:fixed;inset:0;z-index:40;pointer-events:none;display:flex;flex-direction:column}#shutter span{height:50%;background:#05131d;transform:scaleY(0);transition:transform .25s cubic-bezier(.7,0,.3,1);transform-origin:top}#shutter span+span{transform-origin:bottom}#shutter.closed span{transform:scaleY(1)}dialog{border:1px solid #a9c4ce44;background:#0a1e2a;color:var(--ink);border-radius:8px;width:min(760px,calc(100% - 32px));max-height:85dvh;padding:24px 30px;box-shadow:0 30px 140px #000a}dialog::backdrop{background:#020b13c9;backdrop-filter:blur(12px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:10px;letter-spacing:2px;color:var(--accent)}#dialog-body{padding:22px 0 4px}#dialog-body h2{font:32px/1.2 var(--head);margin:0 0 12px}#dialog-body p{color:var(--muted);font-size:12px;line-height:1.9}.chapter-link{background:transparent;border:0;border-bottom:1px solid var(--line);padding:18px 0;display:flex;text-align:left;width:100%;align-items:center;gap:24px}.chapter-link b{font:30px var(--head);color:var(--accent)}.chapter-link span{flex:1;font-size:14px}.chapter-link small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.source-note{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.source-note h3{font-size:14px;margin:0 0 8px}.source-note .reference{font-size:10px;color:var(--accent);letter-spacing:.3px}.helpsteps{display:grid;gap:14px;margin-top:24px}.helpsteps div{border-left:2px solid var(--accent);padding-left:18px;color:var(--muted);font-size:12px}.helpsteps b{display:block;color:var(--ink);margin-bottom:5px}.sound-settings{display:flex;align-items:center;gap:15px;margin-top:24px}.sound-settings input{accent-color:var(--accent);max-width:150px}body.reduced *,body.reduced *:before,body.reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.reduced #particles{display:none}
@keyframes camera{from{transform:scale(1.015) translateX(-.25%)}to{transform:scale(1.065) translateX(.5%)}}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes evidence{from{opacity:0;transform:translateY(30px) scale(.97);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes pulse{50%{opacity:.4}}@keyframes ripple{0%{transform:scale(.98);opacity:.7}100%{transform:scale(1.13);opacity:0}}@keyframes node{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1400px){#stage{min-height:calc(100svh - 153px)}.story-panel{min-height:calc(100svh - 153px);padding-right:7%}.hero-content{padding-top:10vh}.hero-title{font-size:clamp(90px,7.5vw,135px)}}
@media(max-width:1000px){.masthead{padding-inline:24px}.story-panel{width:43%;margin-left:55%;padding-right:4%;}.story-panel h1{font-size:40px}.story-copy{font-size:12px}.evidence{width:46%;padding:18px}.evidence-title{font-size:23px}.record strong{font-size:11px}.record code{font-size:10px}.hero-title{font-size:76px}.hero-content{width:46%;margin-left:51%}.header-actions{gap:8px}.isbar small{font-size:6px}.hotspot{left:42%}}
@media(max-width:700px){.masthead{height:73px;padding:9px 16px}.logo-plaque{width:34px;height:45px;padding:3px}.brand{gap:9px;font-size:9px;letter-spacing:1.4px}.brand small{font-size:7px;letter-spacing:1.5px}.header-actions{gap:7px}.iconbtn{width:32px;height:32px}.menu-button{font-size:0;border:0;padding:0;gap:0}.menu-button span{font-size:22px}.header-actions #fullscreen{display:none}.header-actions #motion{display:none}#stage{min-height:calc(100svh - 130px);overflow:hidden}.scene-bg{height:52vh;max-height:480px;bottom:auto}.scene-bg img{object-position:center 35%}.scene-bg:after{background:linear-gradient(0deg,#06131e 0%,#06131e00 65%)}.hero-bg{height:57vh;max-height:540px}.hero-bg img{object-position:21% center;object-fit:cover;width:145%;max-width:none}.hero-bg:after{background:linear-gradient(0deg,#06131e 0%,transparent 57%)}.hero-content{width:auto;margin:0;padding:35vh 25px 34px;max-width:none;position:relative}.hero-content .eyebrow{font-size:8px;letter-spacing:2px}.hero-title{font-size:clamp(48px,13vw,76px);margin:16px 0;line-height:1.03}.hero-title span{display:inline}.hero-lede{font-size:12px;line-height:1.8;max-width:440px;margin-bottom:20px}.hero-meta{font-size:8px;gap:14px;margin-top:20px}.primary{font-size:10px;padding:13px 18px;gap:14px;min-height:48px}.quiet-link{font-size:9px}.quiet-link span{font-size:10px}.startrow{gap:18px}.director-note{display:none}.graticule{inset:12px;bottom:16px}.bottom-bar{padding:10px 17px;min-height:57px;gap:8px;flex-wrap:wrap}.edition{font-size:7px;letter-spacing:1px;max-width:116px}.navigation{gap:6px}.nav-dot{width:26px;height:25px;font-size:7px}.textbtn{font-size:7px;letter-spacing:.8px}.textbtn span{margin-left:3px}.scene-marker{top:23px;left:22px;font-size:8px;letter-spacing:1px}.scene-state{top:65px;left:22px;font-size:8px}.story-panel{width:auto;margin:0;min-height:0;padding:36vh 24px 28px;display:block}.story-panel h1{font-size:38px;margin:15px 0}.story-panel .eyebrow{font-size:8px;letter-spacing:2px}.moment-no{font-size:70px;top:32vh;right:24px}.story-copy{font-size:12px;line-height:1.9;min-height:0;max-width:none;margin-bottom:18px}.phase-indicator{margin-bottom:18px}.story-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.scene-footnote{font-size:8px;margin-top:14px;max-width:90%}.subcontrols{margin-top:9px}.hotspot{top:22vh;left:50%;transform:translateX(-50%)!important;font-size:10px;padding:10px 15px;white-space:nowrap}.hotspot.workstation,.hotspot.handover{top:22vh;left:50%}.evidence{position:relative;left:auto;bottom:auto;width:auto;margin:0 24px 25px;padding:17px;backdrop-filter:none}.has-evidence .story-panel{padding-bottom:20px}.record-grid{gap:8px}.record{padding:10px}.record strong{font-size:11px}.record code{font-size:12px}.isbar small{font-size:7px}.evidence .eyebrow{font-size:8px}.evidence-title{font-size:25px}.evidence p{font-size:11px}.signal-node{font-size:10px;min-width:76px;padding:8px}.signal-path{gap:5px}.signal-path .signal-arrow{font-size:16px}.time-window strong{font-size:52px}.paper-flow{gap:8px}.paper-flow div{padding:10px}.paper-flow b{font-size:8px}.paper-flow span{font-size:10px}.path-step span{font-size:11px}.path-result{font-size:11px}.takeaway{position:relative;left:auto;bottom:auto;width:auto;margin:0 24px 30px;padding-top:18px}.takeaway p{font-size:30px;margin:13px 0}.takeaway-bg:after{background:linear-gradient(0deg,#06131e 0%,transparent 75%)}.bridge{position:relative;min-height:calc(100svh - 130px);padding:45px 24px}.bridge h1{font-size:44px}.bridge p{font-size:12px}.journey-line{grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.journey-line div{font-size:10px;padding:10px 5px}.end-actions{gap:10px;flex-wrap:wrap}.bridge .eyebrow{font-size:8px;letter-spacing:2px}.end-actions .secondary{font-size:10px}dialog{padding:18px 20px}.dialog-head{font-size:8px}.chapter-link{gap:15px}.chapter-link span{font-size:12px}.chapter-link b{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#particles{display:none}}

@media(min-width:701px){.hotspot{left:39%;}.hotspot.workstation{left:28%}.hotspot.handover{left:36%}}

.primary .arrow{width:19px;height:18px;display:inline-block;position:relative;font-size:0;flex:none}
.primary .arrow:before{content:'';position:absolute;width:15px;height:1.5px;left:1px;top:8px;background:currentColor}
.primary .arrow:after{content:'';position:absolute;width:7px;height:7px;right:2px;top:5px;border-top:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)}
@media(max-width:700px){.hero-title span{display:block}.hero-content{padding-top:33vh}.hero-title{font-size:clamp(46px,13vw,65px)}.primary{white-space:nowrap}.startrow{gap:13px}.startrow .primary{padding-inline:14px;gap:9px}.quiet-link{line-height:1.6}}
/* Cinematic footage replaces still-image camera motion when a clip is ready. */
.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 42%;opacity:0;transition:opacity .3s;max-width:none}
.video-ready .scene-video{opacity:1}.video-ready img{animation:none;opacity:0}.hero-bg .scene-video{object-position:30% 37%}
.frozen .scene-video{filter:saturate(.65) brightness(.8)}.risk .scene-video{filter:saturate(.3) brightness(.7)}.safe .scene-video{filter:saturate(1.1)}
.intro-playing .hero-content,.intro-playing .director-note{visibility:hidden}.intro-playing .hero-bg:after{background:linear-gradient(0deg,#06131eee,transparent 45%)}
.intro-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:40px 24px;text-align:center;z-index:5}
.intro-caption{font:clamp(19px,2.3vw,32px)/1.5 var(--body);font-weight:600;color:var(--ink);max-width:780px;margin:0 0 25px;text-shadow:0 2px 8px #000;background:#06131eaa;padding:12px 24px;border-radius:3px}
.intro-overlay .quiet-link{border-bottom:1px solid #b8d9e360;color:var(--ink)}
@media(max-width:700px){.scene-video{object-position:center 35%}.hero-bg .scene-video{object-position:21% center;width:145%}.intro-playing .hero-bg{height:100%;max-height:none}.intro-playing{min-height:calc(100svh - 130px)!important}.intro-playing .hero-bg .scene-video,.intro-playing .hero-bg img{width:100%;object-position:35% center}.intro-overlay{padding-bottom:45px}.intro-caption{font-size:16px;padding:12px 18px}}
@media(min-width:701px){.scene-bg[data-scene="identity"] :is(img,video),.scene-bg[data-scene="handover"] :is(img,video){transform:translateX(-13%);animation:none}}
/* Keep both people visible while the explanation occupies its own column. */
@media(min-width:701px){
 .scene-bg:not(.hero-bg){inset:140px auto auto 4.6%;width:49%;height:auto;aspect-ratio:16/10;border:1px solid #b8d9e333;border-radius:6px;box-shadow:0 20px 60px #0005}
 .scene-bg:not(.hero-bg) :is(img,video){transform:none;animation:none;object-fit:cover;object-position:center}
 .scene-bg:not(.hero-bg):after{background:linear-gradient(0deg,#06131e55,transparent 45%)}
 .hotspot,.hotspot.workstation,.hotspot.handover{left:20%;top:48%}
}
@media(max-width:700px){
 .scene-bg:not(.hero-bg){top:100px;bottom:auto;left:0;width:100%;height:auto;max-height:none;aspect-ratio:16/9}
 .scene-bg:not(.hero-bg) :is(img,video){object-fit:contain;object-position:center;transform:none;animation:none}
 .scene-bg:not(.hero-bg):after{background:linear-gradient(0deg,#06131e55,transparent 30%)}
 .scene-bg:not(.hero-bg)~.story-panel{padding-top:calc(100px + 56.25vw + 20px)}
 .hotspot,.hotspot.workstation,.hotspot.handover{top:190px;left:50%}
}

/* Shared opening and closing credits. */
.project-credits{margin-top:25px;padding-top:19px;border-top:1px solid #8babeb40;text-align:left;max-width:520px}
.project-credits .credits-team{color:var(--mint);font-size:13px;font-weight:600;line-height:1.65;margin:0 0 10px;max-width:none}
.credits-to{display:block;color:var(--accent);font-size:10px;line-height:1.6;margin:12px 0 7px}
.credits-role{display:block;color:var(--muted);font-size:9px;letter-spacing:.65px;line-height:1.6;margin-bottom:5px}
.credits-name{display:block;color:var(--ink);font-size:14px;font-weight:600;line-height:1.6}
.bridge{position:relative;min-height:inherit;width:100%}
.bridge .project-credits{margin:32px auto 0;max-width:580px;text-align:center}
.bridge .project-credits .credits-team{font-size:14px;margin-bottom:10px}
@media(max-width:700px){
 .project-credits{margin-top:22px;padding-top:17px}
 .project-credits .credits-team,.bridge .project-credits .credits-team{font-size:12px;line-height:1.7}
 .credits-role{font-size:9px;letter-spacing:.3px}
 .credits-name{font-size:13px}
 .bridge .project-credits{margin-top:28px}
}