:root{--ink:#061219;--blue:#0081a8;--ice:#a9e4f5;--white:#f4f7f8;--hair:#ffffff36;--gutter:clamp(24px,5.2vw,90px)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.65 Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--ice);outline-offset:6px}button{color:inherit}a{text-decoration:none}.skip{position:fixed;top:-100px;left:20px;background:white;color:#08131b;padding:12px;z-index:100}.skip:focus{top:20px}.masthead{height:104px;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 var(--gutter);background:linear-gradient(#061219b8,#06121900);border-bottom:1px solid #ffffff1c}.brand{width:310px;max-width:38vw;display:block}.brand img{display:block;width:100%;height:auto}.concept-label{font-size:12px;letter-spacing:.035em;color:#e2ebef}.concept-label span{margin:0 8px;color:var(--ice)}.motion-button{padding:8px 0;border:0;border-bottom:1px solid #ffffff55;background:transparent;font-size:13px;white-space:nowrap}.chapter-nav{position:fixed;top:127px;left:var(--gutter);z-index:25;display:flex;gap:26px;align-items:center}.chapter-nav button{background:transparent;border:0;padding:0 0 9px;position:relative;font-size:14px;color:#dce7eb;text-shadow:0 1px 8px #000;white-space:nowrap}.chapter-nav button:after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--ice);transition:width .25s}.chapter-nav button.active:after{width:100%}.chapter-nav button.active{color:white}.nav-num{font-size:11px;margin-right:7px;opacity:.8;font-variant-numeric:tabular-nums}.journey{height:640vh;height:640svh;position:relative}.stage{position:sticky;top:0;height:100vh;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#0d232e}#scenes{position:absolute;inset:0}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity;overflow:hidden}.scene:first-child{opacity:1;visibility:visible}.scene .art{position:absolute;inset:-2px;overflow:hidden;background:#15303c;will-change:transform}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}.scene::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0612195e,transparent 27%,#06121930 42%,#061219d9 83%,#061219f5),linear-gradient(90deg,#06121960,transparent 70%);pointer-events:none}.scene[data-mode=mapping]::after,.scene[data-mode=progress]::after{background:linear-gradient(180deg,#06121985,transparent 35%,#061219d9 90%),linear-gradient(90deg,#061219a3,transparent 75%)}.scene[data-mode=cinematic]::after{background:linear-gradient(180deg,#06121980,transparent 40%,#061219d9 93%),linear-gradient(90deg,#06121960,transparent)}.scene-copy{position:absolute;z-index:4;left:var(--gutter);bottom:135px;width:min(650px,53vw);will-change:transform,opacity}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--ice);margin:0 0 20px}.scene h1,.scene h2{font:400 clamp(2.25rem,4.1vw,4.05rem)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}.scene-copy>p:not(.eyebrow){max-width:535px;color:#e0e8ec;font-size:17px;line-height:1.7;margin:0;text-shadow:0 1px 6px #061219}.scene-tag{position:absolute;right:var(--gutter);bottom:140px;z-index:4;text-align:right;color:#e2ecf0;font-size:12px;max-width:235px}.scene-tag b{display:block;font-weight:400;font-size:13px;color:var(--ice);margin-bottom:10px}.scene-tag span{display:block;border-top:1px solid #ffffff50;padding-top:10px}.flight-meter{position:absolute;bottom:52px;left:var(--gutter);z-index:10;display:flex;gap:15px;align-items:center;font-size:13px;font-variant-numeric:tabular-nums}.meter-track{width:150px;height:1px;background:#ffffff40;overflow:visible}.meter-track span{display:block;width:100%;height:2px;background:var(--ice);transform-origin:left;transform:scaleX(0)}.meter-total{color:#b6c8d1}.scroll-prompt{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:14px;align-items:center;font-size:12px;letter-spacing:.04em;white-space:nowrap;color:#e0eaef}.scroll-line{width:1px;height:26px;background:linear-gradient(transparent,var(--ice));position:relative}.scroll-line:after{content:'';width:5px;height:5px;border-right:1px solid var(--ice);border-bottom:1px solid var(--ice);transform:rotate(45deg);position:absolute;bottom:0;left:-2px}.chapter-status{position:absolute;right:var(--gutter);bottom:50px;z-index:10;font-size:12px;display:flex;gap:24px;color:#dae5eb;font-variant-numeric:tabular-nums}.map-overlay{position:absolute;inset:19% 15% 15% 39%;z-index:2;opacity:0;pointer-events:none;transform:perspective(1000px) rotateX(0deg);will-change:opacity,transform}.map-grid{position:absolute;inset:0;border:1px solid #a9e4f5b8;background-image:linear-gradient(#a9e4f533 1px,transparent 1px),linear-gradient(90deg,#a9e4f533 1px,transparent 1px);background-size:20% 20%;box-shadow:0 0 0 1px #06121955,inset 0 0 60px #0081a818}.map-grid:before,.map-grid:after{content:'';position:absolute;width:12px;height:12px;border:2px solid #d7f7ff}.map-grid:before{left:-2px;top:-2px;border-right:0;border-bottom:0}.map-grid:after{right:-2px;bottom:-2px;border-top:0;border-left:0}.map-overlay p{position:absolute;top:-32px;left:0;margin:0;font-size:11px;letter-spacing:.07em;color:#d1f3ff;background:#062330ca;padding:3px 7px}.scan-line{position:absolute;top:0;left:0;right:0;height:1px;background:#d4f7ff;box-shadow:0 0 14px #72dcff}.map-key{position:absolute;bottom:10px;right:10px;padding:5px 9px;background:#061219b3;color:#c3edfa;font-size:10px;letter-spacing:.07em}.progress-after{clip-path:inset(0 100% 0 0)}.comparison-line{position:absolute;top:0;bottom:0;left:0;width:1px;background:#c9f4ff;z-index:2;box-shadow:0 0 16px #a5e9ff70}.comparison-line:after{content:'↔';position:absolute;top:42%;left:-16px;width:33px;height:33px;background:#0a526be8;border:1px solid #c5f2ff;border-radius:50%;display:grid;place-items:center;color:white;font-size:16px}.progress-labels{position:absolute;left:var(--gutter);right:var(--gutter);top:195px;z-index:4;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.progress-labels span{background:#061219a6;padding:5px 10px;border:1px solid #ffffff30}.cinema-bar{position:absolute;left:0;right:0;background:#061219;z-index:3;height:0;pointer-events:none}.cinema-bar.top{top:0}.cinema-bar.bottom{bottom:0}.closing{position:relative;z-index:15;background:#0b202b;padding:76px var(--gutter) 38px;min-height:550px;border-top:1px solid #75c5dd50;scroll-margin-top:100px}.closing-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}.closing-top .eyebrow{margin:0}.end-marker{font-size:12px;color:#a3bbc6}.closing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.closing h2{font:400 clamp(2.3rem,4.6vw,4.5rem)/1.1 Georgia,serif;letter-spacing:-.03em;margin:0}.closing-grid p{font-size:17px;color:#c8d8df;margin:0 0 30px;max-width:560px}.closing-actions{display:flex;flex-wrap:wrap;gap:28px;align-items:center;font-size:14px}.primary-link{display:flex;gap:25px;align-items:center;background:#007b9f;color:white;padding:13px 19px}.closing-actions button{border:0;border-bottom:1px solid #7c9aa9;background:none;font-size:14px;padding:8px 0}.closing-actions button span{margin-left:8px}.concept-note{display:flex;gap:13px;border-top:1px solid #ffffff20;margin-top:64px;padding-top:24px;align-items:baseline}.concept-note p{font-size:12px;line-height:1.6;color:#a6bdc8;max-width:850px;margin:0}.note-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0}footer{padding:28px var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a7bec9;background:#061219}.noscript-note{margin:180px 25px 20px}.simple-mode .journey{height:auto}.simple-mode .stage{position:relative;height:auto;min-height:0;overflow:visible}.simple-mode #scenes{position:relative;inset:auto}.simple-mode .scene{position:relative!important;height:95vh;height:95svh;min-height:650px;opacity:1!important;visibility:visible!important}.simple-mode .scene-copy{opacity:1!important;transform:none!important}.simple-mode .scene .art,.simple-mode .scene .art img{transform:none!important}.simple-mode .flight-meter,.simple-mode .scroll-prompt,.simple-mode .chapter-status{display:none}.simple-mode .scene-copy{bottom:90px}.simple-mode .scene-tag{bottom:40px;left:var(--gutter);right:auto;text-align:left;max-width:80%;display:flex;gap:14px}.simple-mode .scene-tag span{border:0;padding:0}.simple-mode .scene-tag b{margin:0}.simple-mode .map-overlay{opacity:.6!important}.simple-mode .progress-after{clip-path:inset(0 50% 0 0)!important}.simple-mode .comparison-line{left:50%!important}.simple-mode .cinema-bar{height:0!important}
@media(min-width:1700px){.scene-copy{width:700px}.scene h1,.scene h2{font-size:4.4rem}}
@media(max-width:1000px){.masthead{height:90px}.brand{width:260px}.concept-label{font-size:11px}.chapter-nav{top:110px;gap:18px}.chapter-nav button{font-size:12px}.scene-copy{width:65vw;bottom:135px}.scene-tag{display:none}.chapter-status #status-label{display:none}.map-overlay{inset:24% 10% 18% 30%}.closing-grid{gap:5vw}.scroll-prompt{left:auto;right:var(--gutter);transform:none}.chapter-status{display:none}}
@media(max-width:650px){.masthead{height:112px;align-items:flex-start;padding-top:25px;gap:14px;background:linear-gradient(#061219d9,#06121920)}.brand{max-width:65vw;width:265px}.motion-button{font-size:11px;padding:0 0 5px;margin-top:0}.concept-label{position:absolute;left:var(--gutter);bottom:17px;font-size:10px}.chapter-nav{top:129px;gap:8px;left:20px;right:20px;justify-content:space-between}.chapter-nav button{font-size:11px}.nav-num{display:none}.journey{height:570svh}.stage{min-height:650px}.scene-copy{width:auto;left:24px;right:24px;bottom:112px}.scene h1,.scene h2{font-size:clamp(2.25rem,8.5vw,3rem);max-width:440px;margin-bottom:18px}.scene-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:460px}.eyebrow{font-size:10px;margin-bottom:14px}.scene::after{background:linear-gradient(180deg,#06121966,transparent 23%,#06121955 35%,#061219dd 69%,#061219f5)!important}.flight-meter{left:24px;bottom:36px;gap:9px;font-size:12px}.meter-track{width:72px}.scroll-prompt{bottom:32px;right:24px;font-size:10px;gap:9px}.map-overlay{inset:25% 12% 43% 18%}.map-overlay p,.map-key{font-size:9px}.progress-labels{top:180px;font-size:10px;left:24px;right:24px}.comparison-line:after{top:33%}.closing{padding:54px 24px 30px}.closing-top{margin-bottom:32px}.end-marker{font-size:10px}.closing-grid{grid-template-columns:1fr;gap:28px}.closing h2{font-size:2.7rem}.closing-grid p{font-size:16px}.closing-actions{gap:22px}.concept-note{margin-top:45px}.concept-note p{font-size:11px}footer{padding:25px 24px;flex-direction:column;gap:10px;font-size:11px}footer span:nth-child(2){display:none}.simple-mode .scene{min-height:700px}.simple-mode .scene-copy{bottom:85px}.simple-mode .scene-tag{font-size:10px;bottom:29px}.simple-mode .scene-tag b{font-size:10px}}
@media(max-height:700px) and (min-width:651px){.masthead{height:78px}.chapter-nav{top:96px}.stage{min-height:570px}.scene-copy{bottom:100px}.scene h1,.scene h2{font-size:2.8rem;max-width:620px;margin-bottom:15px}.scene-copy>p:not(.eyebrow){font-size:15px}.scene-tag{bottom:105px}.flight-meter,.chapter-status{bottom:28px}.scroll-prompt{bottom:24px}.eyebrow{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:650px){.chapter-nav{overflow-x:auto;justify-content:flex-start;gap:22px;padding:0 2px 7px;scrollbar-width:thin;scrollbar-color:#a9e4f550 transparent}.chapter-nav button{font-size:14px;flex-shrink:0}.scene-copy>p:not(.eyebrow){font-size:16px}.motion-button{font-size:12px}.closing-actions{font-size:14px}}

.art .flight-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.simple-mode .scene[data-mode=fpv] .art{z-index:5;inset:180px var(--gutter) auto;height:34%;background:#061219}.simple-mode .scene[data-mode=fpv] .art video{object-fit:contain}.simple-mode .scene[data-mode=fpv]{min-height:900px}.simple-mode .scene[data-mode=fpv] .scene-copy{bottom:100px}

/* Keep the video above the transformed fallback image. */
.art .flight-video{z-index:1}.art .flight-video[hidden]{display:none}

.simple-mode .scene[data-mode=cinematic] .art{z-index:5;inset:180px var(--gutter) auto;height:34%;background:#061219}.simple-mode .scene[data-mode=cinematic] .art video{object-fit:contain}.simple-mode .scene[data-mode=cinematic]{min-height:900px}.simple-mode .scene[data-mode=cinematic] .scene-copy{bottom:100px}

.art .flight-frames{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;pointer-events:none}.simple-mode .flight-frames{display:none}

/* Reduced motion retains the full-bleed composition until manual playback. */
.play-video,.close-video{display:none}
.simple-mode .scene[data-mode=fpv] .art,.simple-mode .scene[data-mode=cinematic] .art{z-index:auto;inset:-2px;height:auto}
.simple-mode .scene[data-mode=fpv],.simple-mode .scene[data-mode=cinematic]{min-height:700px}
.simple-mode .scene[data-mode=fpv] .scene-copy,.simple-mode .scene[data-mode=cinematic] .scene-copy{bottom:100px}
.simple-mode .flight-video{visibility:hidden}
.simple-mode .play-video{display:inline-flex;align-items:center;margin-top:22px;padding:11px 22px;background:#007b9f;border:1px solid #a9e4f577;color:white;font-size:15px}
.simple-mode .is-playing .art{z-index:6!important;background:#061219}
.simple-mode .is-playing .flight-video{visibility:visible;object-fit:contain!important}
.simple-mode .is-playing .scene-copy,.simple-mode .is-playing .scene-tag,.simple-mode .is-playing .cinema-bar{visibility:hidden}
.simple-mode .is-playing .close-video{display:block;position:absolute;top:180px;right:var(--gutter);z-index:8;background:#061219dd;border:1px solid #a9e4f5;padding:10px 18px;font-size:14px}

/* Localized copy shading, leaving the open side of each shot clear. */
.scene::after,.scene[data-mode=mapping]::after,.scene[data-mode=progress]::after,.scene[data-mode=cinematic]::after{background:linear-gradient(90deg,rgba(6,18,25,.86) 0%,rgba(6,18,25,.72) 28%,rgba(6,18,25,.40) 48%,rgba(6,18,25,0) 68%)}
.masthead{background:linear-gradient(180deg,rgba(6,18,25,.72),rgba(6,18,25,.24) 65%,transparent)}
.scene-tag,.flight-meter,.scroll-prompt,.chapter-status{text-shadow:0 1px 5px #061219,0 1px 12px #061219}
.simple-mode .scene.is-playing::after{background:none!important}
@media(max-width:650px){
.scene::after,.scene[data-mode=mapping]::after,.scene[data-mode=progress]::after,.scene[data-mode=cinematic]::after{background:linear-gradient(0deg,rgba(6,18,25,.90) 0%,rgba(6,18,25,.80) 29%,rgba(6,18,25,.48) 48%,rgba(6,18,25,0) 65%)!important}
.simple-mode .scene.is-playing::after{background:none!important}
}