/* ALTITUDE: one live object, eight deliberately different editorial frames.
   Controls remain native. No video replacement, scroll hijacking or cards. */
:root{--editorial-ink:#19112f;--editorial-muted:#61645d}
.scene-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 62% 65%,#f9f8f2 0,#e9e9e0 62%,#d5d8d0 100%);opacity:0;transition:opacity .65s;pointer-events:none}
.scene-type{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .45s}
.scene-type span{position:absolute;top:31%;left:50%;transform:translateX(-50%);font-size:19.5vw;line-height:1;font-weight:500;letter-spacing:-.075em;white-space:nowrap;color:#172e2a12}
body[data-chapter="2"] .scene-type,body[data-chapter="4"] .scene-type,body[data-chapter="6"] .scene-type,body[data-chapter="7"] .scene-type{opacity:1}
body[data-chapter="4"] .scene-atmosphere,body[data-chapter="6"] .scene-atmosphere{opacity:1}
body[data-chapter="6"] .scene-type span{top:35%;font-size:17vw;color:#243c3520;letter-spacing:-.055em}
body[data-chapter="7"] .scene-type span{top:34%;font-size:23vw;color:#562b2417}
.explore-cue{position:absolute;left:4%;bottom:5%;font-size:11px;color:#444b45;display:flex;gap:32px;transition:opacity .25s}
.explore-cue :is(span,a){display:flex;gap:12px;align-items:center}.explore-cue i{font-size:19px;font-style:normal}
body:not([data-chapter="0"]) .explore-cue{opacity:0;visibility:hidden}
.stage:not([data-ready="true"]) .explore-cue{visibility:hidden}
header nav{font-size:12px;gap:32px}header nav a{letter-spacing:.01em}
.experience-ready .chapter-content:not(.flight-content){inset:0;width:100%;max-width:none;height:100%;pointer-events:none;padding:0;overflow:visible}
.experience-ready .chapter.active .chapter-content:not(.flight-content){pointer-events:none}
.experience-ready .chapter.active .chapter-content{opacity:var(--panel-presence,1);transition:none}
.chapter-content:not(.flight-content)>*{pointer-events:none}
.chapter-content:not(.flight-content) button,.chapter-content:not(.flight-content) a{pointer-events:auto}
.experience-ready .chapter-content:not(.flight-content)>*{position:absolute;margin:0}
.chapter-content:not(.flight-content) .chapter-kicker{top:15%;left:5%;font-size:9px;letter-spacing:.18em;color:#434c45}
.chapter-content:not(.flight-content) h2{top:20%;left:5%;font-size:clamp(64px,7.2vw,116px);line-height:.91;letter-spacing:-.065em;color:var(--editorial-ink)}
.chapter-content:not(.flight-content) .chapter-intro{top:16%;right:5%;left:auto;max-width:260px;width:24%;font-size:14px;line-height:1.6;color:#535d55}
.chapter-content:not(.flight-content) .choice-row{bottom:8%;right:5%;left:auto;display:flex;gap:25px;align-items:center}
.choice-row button{border:0;border-bottom:1px solid #6538eb44;border-radius:0;background:transparent!important;backdrop-filter:none;box-shadow:none;min-height:48px;padding:11px 2px;font-size:13px;color:#4b574e!important;transition:color .2s,border-color .2s}
.choice-row button[aria-pressed="true"]{border-color:#6538eb;color:#4820b8!important}
.choice-row button:hover{color:#111f18!important;border-color:#6538eb}
.option-index{font-size:9px;opacity:.5;margin-right:13px;vertical-align:1px}
.choice-row button[aria-pressed="true"] .option-index{opacity:1}
.choice-row button:disabled{opacity:.35}
.chapter-content:not(.flight-content) .line-control{bottom:17%;right:5%;left:auto;background:none;min-height:40px;font-size:11px}
.chapter-content:not(.flight-content) .feature-note{bottom:9%;left:5%;right:auto;width:260px;max-width:26%;font-size:11px;line-height:1.65;color:#4e5c53}
.chapter-content:not(.flight-content) .text-link{bottom:9%;left:5%;padding:8px 0}
.chapter-content:not(.flight-content) .finish-field{bottom:8%;left:5%;border:0}
.finish-field legend{letter-spacing:.12em;text-transform:uppercase;font-size:9px;margin-bottom:12px}
.swatch-row{gap:7px}.swatch-row button{width:44px;height:44px;padding:6px;border-color:transparent}.swatch-row button:before{width:30px;height:30px;box-shadow:inset 0 0 0 1px #0002,inset 0 3px 6px #fff5}
.swatch-row button[aria-pressed="true"]{border-color:#6538eb}.swatch-row>span{font-size:11px;margin-left:16px;letter-spacing:.025em}
body[data-chapter="2"] .stage:after{background:linear-gradient(180deg,#f6f4ffbf,transparent 42%,transparent 72%,#f6f4ffed 92%)}
#exterior .chapter-content h2{font-size:clamp(80px,9vw,145px);top:19%}
body[data-chapter="2"]:is([data-detail-view="wheel"],[data-detail-view="optics"]) #exterior h2,body[data-chapter="2"]:is([data-detail-view="wheel"],[data-detail-view="optics"]) #exterior .chapter-intro{opacity:0;visibility:hidden}
body[data-chapter="3"][data-cabin-view="inside"] #cockpit .chapter-intro,body[data-chapter="3"][data-cabin-view="inside"] #cockpit .feature-note{opacity:0;visibility:hidden}
body[data-chapter="3"][data-cabin-view="inside"] #cockpit h2{font-size:clamp(54px,6vw,96px)}
body[data-chapter="3"] .stage:after{background:linear-gradient(180deg,#f6f4ffe8,transparent 46%,transparent 65%,#f6f4fff2 88%)}
#cockpit .chapter-content h2{top:18%;font-size:clamp(76px,8vw,130px)}
#cockpit .chapter-content .chapter-intro{top:17%}
#cockpit .chapter-content .feature-note{bottom:24%;width:235px;max-width:22%}
#cockpit .chapter-content .ambient-row{left:29%;right:auto;bottom:8%}
#cockpit .ambient-row button{font-size:11px;min-height:44px;padding:9px 0}
#cockpit .ambient-row{gap:18px}
body[data-chapter="4"] .stage:after,body[data-chapter="6"] .stage:after{background:linear-gradient(180deg,#f2efffad,transparent 37%,transparent 71%,#e9e2ffba)}
#engineering .chapter-content h2{font-size:clamp(58px,5.2vw,86px);top:19%}
#engineering .chapter-content .choice-row{bottom:7%;gap:38px}
#engineering .choice-row button{min-width:110px;text-align:left;padding:15px 0}
#engineering .chapter-content .feature-note{bottom:9%;max-width:310px;width:28%}
body[data-chapter="5"] .stage:after{background:linear-gradient(90deg,#f6f4fff5 0%,#f6f4ffe8 28%,#f6f4ff00 57%,transparent 100%)}
#charging .chapter-content h2{font-size:clamp(65px,6.9vw,110px)}
#charging .chapter-content .chapter-intro{left:5%;right:auto;top:48%;width:260px}
#charging .chapter-content .choice-row{left:5%;right:auto;bottom:22%;gap:22px}
#charging .chapter-content .charge-state{left:5%;bottom:17%;font-size:10px;color:#42624c;letter-spacing:.06em}
#charging .chapter-content .feature-note{bottom:7%;max-width:280px}
#safety .chapter-content h2{font-size:clamp(55px,5.2vw,82px);top:20%}
#safety .chapter-content .chapter-intro{right:5%;top:16%}
#safety .chapter-content .choice-row{bottom:8%}
body[data-chapter="7"] .stage:after{background:linear-gradient(180deg,#f6f4ffc7 0%,transparent 38%,transparent 75%,#f6f4ffe6 94%)}
#finish .chapter-content .chapter-kicker{left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;top:14%}
#finish .chapter-content h2{left:50%;transform:translateX(-50%);text-align:center;top:18%;font-size:clamp(56px,6.2vw,96px);width:70%}
#finish .chapter-content h2 br{display:none}
#finish .chapter-content .chapter-intro{display:none}
#finish .chapter-content .finish-field{left:50%;transform:translateX(-50%);bottom:5%;text-align:center}
#finish .finish-field legend{width:100%;text-align:center}
#finish .swatch-row{justify-content:center;flex-wrap:nowrap}.swatch-row button{flex-shrink:0}
#finish .swatch-row>span{position:absolute;top:100%;left:0;width:100%;margin:7px 0 0;text-align:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
#finish .chapter-content .text-link{left:auto;right:5%;bottom:8%;font-size:11px}
#finish .chapter-content .feature-note{bottom:8%;max-width:235px}
.hotspot:before{border-color:#fff;background:#fff7;box-shadow:0 0 0 6px #ffffff15}.hotspot span{background:#fff9;border-radius:0;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.review{display:grid;grid-template-columns:1.3fr 1fr;gap:34px 8%;padding:130px 7%;background:#19112f;color:#f4f2e9;min-height:860px}
.review .eyebrow{font-size:10px;letter-spacing:.16em;color:#cec0ff}
.review h2{font-size:clamp(52px,6.2vw,96px);line-height:.98;letter-spacing:-.06em}
.review>p:not(.eyebrow){color:#e3dbfa;font-size:17px}.review .disclosure{color:#baacd6;font-size:11px!important}
.review-links{border-color:#d6e5d32b;align-items:center;gap:25px;color:#d8c9ff}
.review .enquiry-link{color:#f5f4e9;border-color:#9faf9b;font-size:16px;margin-right:auto}
footer{background:#19112f;border-color:#d6e5d32b;color:#c9bce4}
/* Portrait frames have their own camera/reading zones, not a scaled desktop. */
@media(max-width:900px) and (orientation:portrait){
 .explore-cue{left:7%;bottom:7%;font-size:10px;gap:18px}.alta-credit{bottom:3%;font-size:9px}
 .scene-type span{top:49%;font-size:24vw}body[data-chapter="7"] .scene-type span{top:49%;font-size:29vw}body[data-chapter="6"] .scene-type span{top:51%;font-size:22vw}
 .chapter-content:not(.flight-content) .chapter-kicker{left:7%;top:13%;font-size:8px;letter-spacing:.14em}
 .chapter-content:not(.flight-content) h2{left:7%;top:17%;font-size:clamp(46px,13.5vw,85px);line-height:.92}
 .chapter-content:not(.flight-content) .chapter-intro{top:18%;right:7%;left:auto;width:37%;max-width:240px;font-size:11px;line-height:1.5}
 .chapter-content:not(.flight-content) .feature-note{position:absolute;bottom:16%;left:7%;max-width:86%;width:330px;font-size:10px;line-height:1.5}
 .chapter-content:not(.flight-content) .choice-row{right:auto;left:7%;bottom:6%;gap:23px;max-width:86%;flex-wrap:wrap}
 .choice-row button{min-height:44px;padding:9px 0;font-size:12px}.option-index{margin-right:9px;font-size:8px}
 .chapter-content:not(.flight-content) .line-control{right:auto;left:7%;top:41%;bottom:auto;font-size:10px}
 #exterior .chapter-content h2{font-size:clamp(54px,15vw,100px);top:17%}
 #exterior .chapter-content .chapter-intro{top:34%;left:7%;right:auto;width:78%;font-size:11px;max-width:360px}
 #exterior .chapter-content .feature-note{bottom:14%;max-width:76%;width:290px}
 #cockpit .chapter-content h2{top:17%;font-size:clamp(55px,15vw,100px)}
 #cockpit .chapter-content .chapter-intro{top:19%;width:36%;font-size:10px}
 #cockpit .chapter-content .finish-field{left:7%;bottom:9%}
 #cockpit .chapter-content .ambient-row{left:7%;right:auto;bottom:3%;gap:20px}
 #cockpit .chapter-content .choice-row:not(.ambient-row):not(.interior-views){left:7%;right:auto;top:35%;bottom:auto;gap:22px}
 #cockpit .chapter-content .feature-note{display:none}
 .finish-field legend{font-size:8px;margin-bottom:7px}.swatch-row>span{margin-left:8px;font-size:10px}
 #cockpit .ambient-row button{font-size:12px;min-height:44px;padding:5px 0}
 #engineering .chapter-content h2{font-size:clamp(45px,12vw,80px)}
 #engineering .chapter-content .chapter-intro{top:33%;left:7%;right:auto;width:70%;font-size:11px;max-width:350px}
 #engineering .chapter-content .choice-row{left:7%;bottom:5%;gap:25px;max-width:86%;flex-wrap:nowrap}
 #engineering .choice-row button{min-width:70px;font-size:11px}.option-index{margin-right:7px}
 #engineering .chapter-content .feature-note{bottom:16%;width:330px;max-width:86%}
 #charging .chapter-content h2{font-size:clamp(45px,12vw,80px)}
 #charging .chapter-content .chapter-intro{top:33%;left:7%;right:auto;width:74%;font-size:11px}
 #charging .chapter-content .choice-row{left:7%;bottom:12%;gap:25px}
 #charging .chapter-content .charge-state{left:7%;bottom:8%;font-size:9px}
 #charging .chapter-content .feature-note{display:none}
 #safety .chapter-content h2{font-size:clamp(43px,11.7vw,80px)}
 #safety .chapter-content .chapter-intro{top:32%;left:7%;right:auto;width:75%;font-size:11px}
 #safety .chapter-content .choice-row{bottom:5%;gap:24px}
 #safety .chapter-content .feature-note{bottom:15%;max-width:86%;width:330px}
 #finish .chapter-content .chapter-kicker{left:50%;top:14%}
 #finish .chapter-content h2{left:50%;top:20%;font-size:clamp(46px,12vw,76px);width:90%;text-align:center}
 #finish .chapter-content h2 br{display:initial}
 #finish .chapter-content .finish-field{left:50%;bottom:9%}
 #finish .chapter-content .feature-note{display:none}
 #finish .chapter-content .text-link{left:50%;right:auto;bottom:1%;transform:translateX(-50%);white-space:nowrap;font-size:10px;border:0;min-height:40px}
 body[data-chapter="2"] .stage:after,body[data-chapter="3"] .stage:after,body[data-chapter="5"] .stage:after{background:linear-gradient(180deg,#f6f4fff2,transparent 46%,transparent 68%,#f6f4fff2 84%)}
 body[data-chapter="4"] .stage:after,body[data-chapter="6"] .stage:after{background:linear-gradient(180deg,#f2efff85,transparent 43%,transparent 69%,#e9e2ffda 85%)}
 body[data-chapter="7"] .stage:after{background:linear-gradient(180deg,#f6f4ffce,transparent 44%,transparent 72%,#f6f4ffdf 86%)}
 .review{grid-template-columns:1fr;min-height:850px;padding:90px 7%}.review h2{font-size:clamp(48px,12vw,75px);grid-row:auto}.review>p:not(.eyebrow){font-size:16px}.review-links{align-items:flex-start;flex-direction:column}.review .enquiry-link{font-size:14px}
}
@media(max-width:900px) and (max-height:650px) and (orientation:portrait){
 .chapter-content:not(.flight-content) .chapter-kicker{top:82px}.chapter-content:not(.flight-content) h2{top:108px;font-size:44px}
 #exterior .chapter-content h2,#cockpit .chapter-content h2{top:107px;font-size:48px}
 .chapter-content:not(.flight-content) .chapter-intro{display:none!important}
 #engineering .chapter-content h2,#charging .chapter-content h2,#safety .chapter-content h2{top:108px;font-size:43px}
 .chapter-content:not(.flight-content) .feature-note{font-size:9px;bottom:16%;line-height:1.4}
 #exterior .chapter-content .line-control{top:39%;bottom:auto}#exterior .chapter-content .feature-note{bottom:16%;font-size:9px}
 #cockpit .chapter-content .feature-note{display:none}#cockpit .chapter-content .choice-row:not(.ambient-row):not(.interior-views){top:35%;bottom:auto}
 body[data-cabin-view="inside"] #cockpit .chapter-content h2{font-size:44px}
 #cockpit .chapter-content .finish-field{bottom:10%}#cockpit .chapter-content .ambient-row{bottom:2%}
 #finish .chapter-content .chapter-kicker{top:16%}#finish .chapter-content h2{top:23%;font-size:42px}
 .scene-type span{top:48%}.swatch-row button{width:40px;height:40px;padding:5px}.swatch-row button:before{width:28px;height:28px}
}
@media(max-width:1000px) and (max-height:550px) and (orientation:landscape){
 .chapter-content:not(.flight-content) .chapter-kicker{top:22%;font-size:8px}.chapter-content:not(.flight-content) h2{top:29%;font-size:46px}
 #exterior .chapter-content h2,#cockpit .chapter-content h2{top:27%;font-size:54px}
 .chapter-content:not(.flight-content) .chapter-intro{top:24%;font-size:10px;width:25%}
 .chapter-content:not(.flight-content) .feature-note{bottom:7%;font-size:9px;max-width:29%}
 .chapter-content:not(.flight-content) .choice-row{bottom:6%;gap:18px}
 .choice-row button{font-size:11px;min-height:38px}.option-index{font-size:8px;margin-right:8px}
 #exterior .chapter-content .line-control{bottom:20%}
 #cockpit .chapter-content .feature-note{display:none}#cockpit .chapter-content .ambient-row{left:32%;bottom:6%;gap:14px}
 #cockpit .chapter-content .finish-field{bottom:6%}#cockpit .ambient-row button{font-size:10px}
 .finish-field legend{margin-bottom:4px;font-size:8px}
 #engineering .chapter-content h2,#charging .chapter-content h2,#safety .chapter-content h2{font-size:44px}
 #engineering .choice-row button{min-width:70px}#engineering .chapter-content .choice-row{gap:20px}
 #charging .chapter-content .chapter-intro{display:none}#charging .chapter-content .choice-row{bottom:16%;gap:18px}#charging .chapter-content .charge-state{bottom:8%}#charging .chapter-content .feature-note{display:none}
 #finish .chapter-content h2{top:22%;font-size:44px}#finish .chapter-content .chapter-kicker{top:17%;font-size:8px}
 #finish .chapter-content .finish-field{bottom:8%}#finish .chapter-content .feature-note{display:none}#finish .chapter-content .text-link{bottom:7%;font-size:10px}
 .scene-type span{font-size:18vw}
}
@media(prefers-reduced-motion:reduce){.scene-atmosphere,.scene-type,.explore-cue,.choice-row button{transition:none}}
/* Native reading fallback stays a normal, accessible document. */
.graphics-fallback .scene-atmosphere,.graphics-fallback .scene-type,.graphics-fallback .explore-cue{display:none}
.graphics-fallback .chapter-content:not(.flight-content)>*{position:static!important;transform:none!important;max-width:100%!important;width:auto!important;margin:20px 0!important;display:block}
.graphics-fallback .chapter-content:not(.flight-content){height:auto!important}

/* Reference-led navigation: a compact floating instrument above the scene.
   The established palette, single model and scroll timeline remain intact. */
header{position:fixed;top:20px;left:50%;right:auto;transform:translateX(-50%);width:min(790px,calc(100% - 48px));height:58px;padding:0 22px;border:1px solid #ffffffa8;border-radius:15px;background:#ffffffe8;backdrop-filter:blur(18px);box-shadow:0 8px 32px #25312612;gap:28px}
header .wordmark{font-size:13px;letter-spacing:.32em;white-space:nowrap}
header nav{gap:23px;align-items:center;font-size:11px}
header nav a{white-space:nowrap;padding:13px 0}
header nav a:last-child{background:#6538eb;color:#fffdf4;border-radius:8px;padding:12px 17px}
header nav a:hover{opacity:.7}
.stage:before{content:"";position:absolute;inset:10px;border:1px solid #fff9;border-radius:22px;z-index:6;pointer-events:none}
.hero-copy{top:18%;left:5%;max-width:48%}
.hero-copy h1{font-size:clamp(70px,7.6vw,124px);letter-spacing:-.065em;line-height:.9}
.hero-copy p{font-size:clamp(13px,1.1vw,17px);max-width:245px;line-height:1.5;margin-top:24px}
.explore-cue{left:5%;bottom:6%;gap:22px}
.explore-cue a{border-bottom:1px solid #42524780;padding-bottom:8px}
.choice-row button{position:relative}
.choice-row button:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#6538eb;transform:scaleX(0);transform-origin:left;transition:transform .22s}
.choice-row button[aria-pressed="true"]:after{transform:scaleX(1)}
#mobile-menu{position:fixed;top:86px;right:20px;border-radius:16px;background:#fffffff5;max-height:calc(100svh - 110px);overflow:auto}
@media(max-width:900px){
 header{top:14px;left:18px;right:18px;transform:none;width:auto;height:52px;padding:0 17px;border-radius:12px}
 header .wordmark{font-size:12px}.stage:before{inset:6px;border-radius:17px}
 .hero-copy{top:16%;left:7%;max-width:84%}.hero-copy h1{font-size:clamp(58px,15vw,92px)}
 .hero-copy p{font-size:13px;max-width:210px;margin-top:18px}
 .explore-cue{left:7%;bottom:5%;font-size:10px;gap:18px}
}
@media(max-height:550px) and (orientation:landscape){header{top:9px;height:44px}.hero-copy{top:23%}.hero-copy h1{font-size:58px}.hero-copy p{font-size:11px;margin-top:12px}.stage:before{inset:5px}}
@media(prefers-reduced-motion:reduce){.choice-row button:after{transition:none}}

/* Vivid product identity: locally hosted Manrope, ink and electric violet. */
@font-face{font-family:Manrope;src:url('./assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;--editorial-ink:#19112f;--editorial-muted:#51475f;background:#f6f4ff;color:#19112f}
body{background:#f6f4ff}
.hero-copy h1,.chapter-content h2,.review h2{font-family:Manrope,Arial,sans-serif;font-weight:750;letter-spacing:-.065em}
.hero-copy h1{font-size:clamp(66px,7.1vw,112px);line-height:.98}
.hero-copy h1 span{color:#6333e7}
.hero-copy p{font-weight:550;color:#332749}
header{border-color:#fff;background:#ffffffef;box-shadow:0 8px 30px #3d197314}
header .wordmark{font-weight:800;color:#281146;letter-spacing:.24em}
header nav a:last-child{font-weight:700;background:#6538eb;color:white}
.chapter-content:not(.flight-content) .chapter-kicker,.flight-content .chapter-kicker{color:#6231dc;font-weight:800;letter-spacing:.1em}
.chapter-content:not(.flight-content) .chapter-intro,.chapter-content:not(.flight-content) .feature-note{color:#453a55}
.choice-row button{font-weight:650;color:#514264!important}
.choice-row button[aria-pressed="true"]{color:#5923d3!important;border-color:#6538eb}
.choice-row button:after{background:#6538eb}
.status-dot{border-color:#6538eb}.line-control[aria-pressed="true"] .status-dot{background:#6538eb}
.hotspot:before{background:#6538eb;border-color:#ffffff;box-shadow:0 0 0 5px #6538eb22}.hotspot{color:white}
.hotspot span{color:#2b1749;background:#fff}
.explore-cue{color:#38254f;font-weight:600}.explore-cue a{border-color:#6538eb;color:#5923d3}
.review{background:radial-gradient(ellipse at 100% 0,#6433d9,transparent 65%),#19112f}.review h2{color:#fff}
.review .enquiry-link{background:#c4f478;color:#1d2520;border:0;border-radius:9px;padding:17px 22px;font-weight:750}
footer{background:#19112f}
@media(max-width:900px){.hero-copy h1{font-size:clamp(56px,14vw,88px)}.hero-copy p{font-size:12px;max-width:220px}.chapter-content:not(.flight-content) h2{letter-spacing:-.065em}}
@media(max-height:550px) and (orientation:landscape){.hero-copy h1{font-size:52px}}
@media(min-width:901px){.hero-copy p{max-width:185px;font-size:13px}}
@media(max-width:900px) and (orientation:portrait){#cockpit .chapter-content .chapter-intro{display:none}}

/* Dark reveal stage, followed by the approved continuous flight journey. */
body[data-chapter="0"] header,body[data-chapter="1"] header{background:#151021e8;border-color:#ffffff22;box-shadow:0 8px 35px #0004;color:#f7f2ff}
body[data-chapter="0"] header .wordmark,body[data-chapter="1"] header .wordmark{color:#fff}
body[data-chapter="0"] .hero-copy h1{color:#f9f5ff}
body[data-chapter="0"] .hero-copy h1 span{color:#b498ff}
body[data-chapter="0"] .hero-copy p,body[data-chapter="0"] .explore-cue,body[data-chapter="0"] .alta-credit{color:#d5cce7}
body[data-chapter="0"] .explore-cue a{color:#c7b1ff;border-color:#9870ff}
body[data-chapter="0"] .stage:before,body[data-chapter="1"] .stage:before{border-color:#ffffff16}
body[data-chapter="1"] .flight-content h2,body[data-chapter="1"] .flight-content .chapter-intro,body[data-chapter="1"] .flight-content .feature-note,body[data-chapter="1"] .flight-content a{color:#f8f2ff}
body[data-chapter="1"] .flight-content .chapter-kicker{color:#c5a8ff}
body[data-chapter="0"] .menu-toggle span,body[data-chapter="1"] .menu-toggle span{background:#fff}

.reveal-controls{position:absolute;z-index:7;right:5%;bottom:9%;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #ffffff24;border-radius:12px;background:#100b1ed9;backdrop-filter:blur(10px);color:#e4d9ff}
.reveal-controls>span{font-size:8px;letter-spacing:.15em;margin:0 12px}.reveal-controls button{padding:11px 14px;border:0;border-radius:7px;background:transparent;color:#cfc5df;font-size:11px;min-height:40px;cursor:pointer}
.reveal-controls button[aria-pressed="true"]{background:#a984ff;color:#160b2b;font-weight:750}
body:not([data-chapter="0"]) .reveal-controls{display:none}
.stage:not([data-ready="true"]) .reveal-controls{visibility:hidden}
@media(max-width:900px) and (orientation:portrait){.reveal-controls{left:7%;right:auto;bottom:13%;gap:2px}.reveal-controls>span{display:none}.reveal-controls button{padding:9px 16px}}
@media(max-height:550px) and (orientation:landscape){.reveal-controls{bottom:7%;right:4%}.reveal-controls>span{display:none}.reveal-controls button{padding:7px 10px}}

/* Unified dark studio across all eight chapters. */
:root{--editorial-ink:#f6f1ff;--editorial-muted:#c0b5d2;background:#0d091a;color:#f6f1ff}
body{background:#0d091a;color:#f6f1ff}
header{background:#151021ed!important;color:#f7f2ff;border-color:#ffffff22!important;box-shadow:0 8px 35px #0004!important}
header .wordmark{color:#fff!important}.menu-toggle span{background:#fff}
body[data-chapter] .stage:after{background:linear-gradient(180deg,#0d091a88,transparent 42%,transparent 68%,#0d091add 96%)}
body[data-chapter="5"] .stage:after{background:linear-gradient(90deg,#0d091af2, #0d091ac9 26%,transparent 62%)}
.chapter-content:not(.flight-content) h2,.flight-content h2{color:#f7f2ff}
.chapter-content:not(.flight-content) .chapter-intro,.chapter-content:not(.flight-content) .feature-note,.flight-content .chapter-intro,.flight-content .feature-note{color:#c6bdd6}
.chapter-content:not(.flight-content) .chapter-kicker,.flight-content .chapter-kicker{color:#bfa2ff}
.choice-row button{color:#bdb0d2!important;border-color:#ffffff30}
.choice-row button[aria-pressed="true"]{color:#dac8ff!important;border-color:#af83ff}
.choice-row button:hover{color:#fff!important}.choice-row button:after{background:#af83ff}
.line-control,.finish-field,.charge-state,.text-link,.alta-credit{color:#d5c7e8!important}
.swatch-row button[aria-pressed="true"]{border-color:#ccb2ff}
.swatch-row button:before{box-shadow:inset 0 0 0 1px #ffffff50}
#mobile-menu{background:#191026f5;color:#f7efff;border-color:#ffffff24}
body[data-chapter] .stage:before{border-color:#ffffff16}
@media(max-width:900px) and (orientation:portrait){body[data-chapter] .stage:after{background:linear-gradient(180deg,#0d091a44,transparent 43%,transparent 67%,#0d091ae8 84%)}}
.graphics-fallback .chapter-content h2,.graphics-fallback .chapter-intro,.graphics-fallback .feature-note{color:#f7f2ff!important}

.backdrop{background:#0d091a!important}.loading{color:#d5c7e8;background:#171022}.finish-field legend,.swatch-row>span{color:#d9ccec!important}.failure{background:#171022;color:#fff}

@media(max-width:900px) and (orientation:portrait){#finish .chapter-content .finish-field{bottom:13%}#finish .chapter-content .text-link{bottom:1.5%}}

/* Studio interaction contract: readable labels and accessible controls. */
header{width:min(900px,calc(100% - 36px))}
.menu-toggle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-width:44px;min-height:44px;background:transparent;border:0;cursor:pointer}
#mobile-menu{position:fixed;max-height:calc(100svh - 110px);overflow-y:auto}
.chapter-kicker,.finish-field legend{font-size:11px!important}
.choice-row button,.line-control,.reveal-controls button{min-height:44px;font-size:12px!important}
.chapter-content .feature-note{font-size:12px!important;line-height:1.55}
.alta-credit{font-size:11px;opacity:.8!important}
button:focus-visible,a:focus-visible{outline:2px solid #d3b7ff;outline-offset:5px}
#vehicle:focus-visible{outline:0;box-shadow:inset 0 -3px #c5a4ff}
button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:900px) and (orientation:portrait){.chapter-content .feature-note{display:none}.hero-copy p{font-size:14px}.choice-row button{font-size:12px!important}.reveal-controls{bottom:13%}}

.menu-toggle span{display:block;width:22px;height:1px;background:#f4efff!important}
body:not(.experience-ready):not(.graphics-fallback) .chapter-content{display:none!important}

#cockpit .interior-views{display:none;right:5%;bottom:16%;left:auto}
body[data-cabin-view="inside"] #cockpit .interior-views{display:flex}
@media(max-width:900px) and (orientation:portrait){#cockpit .interior-views{left:7%;right:auto;top:40%;bottom:auto}}
#cockpit .chapter-content .interior-views{left:auto;right:5%;top:auto;bottom:16%}
@media(max-width:900px) and (orientation:portrait){#cockpit .chapter-content .interior-views{left:7%;right:auto;top:calc(35% + 54px);bottom:auto}}

/* ALTITUDE optical typography: angular display forms, luminous glass edges. */
@font-face{font-family:Altitude Display;src:url('./assets/oxanium.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
.hero-copy h1,.chapter-content h2,.review h2{font-family:Altitude Display,Manrope,sans-serif!important;font-weight:500!important;letter-spacing:-.045em!important;line-height:1.02!important;color:#eff4ff!important;text-shadow:0 1px 0 #ffffff70,0 0 24px #9396ff20}
.hero-copy h1{font-size:clamp(64px,6.6vw,110px)}
.hero-copy h1 span{color:#c4beff!important;background:linear-gradient(165deg,#ffffff 4%,#d2eaff 27%,#9c8cff 50%,#eeeaff 53%,#b6a3ff 78%,#76d9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #d9d1ff70;text-shadow:0 0 25px #aa79ff32}
.chapter-content h2{background:linear-gradient(155deg,#fff 12%,#e0e6ff 40%,#bcaeff 72%,#e3f5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.chapter-kicker{font-family:Altitude Display,Manrope,sans-serif;letter-spacing:.15em!important;display:flex;align-items:center;gap:12px;color:#cfccff!important}
.chapter-kicker:before{content:"";width:22px;height:2px;flex-shrink:0;background:linear-gradient(90deg,#a386ff,#83e8ff);box-shadow:0 0 9px #a78aff80}
header .wordmark{font-family:Altitude Display,Manrope,sans-serif;letter-spacing:.24em;font-weight:600}
.reveal-controls{background:linear-gradient(135deg,#d8d1ff16,#171026cc 55%);border-color:#d2c5ff40;box-shadow:inset 0 1px #ffffff22,0 12px 35px #0003}
.reveal-controls button[aria-pressed="true"]{background:linear-gradient(140deg,#d4caff,#a287ef);box-shadow:inset 0 1px #fff8,0 0 18px #a483ff30}
@media(max-width:900px) and (orientation:portrait){
 .hero-copy h1{font-size:clamp(46px,12.5vw,90px)}
 .chapter-content:not(.flight-content) h2,#cockpit .chapter-content h2,#exterior .chapter-content h2{font-size:clamp(42px,11.5vw,80px)}
 #finish .chapter-content h2{font-size:clamp(38px,10.5vw,76px)}
 .chapter-kicker{gap:8px;letter-spacing:.10em!important}.chapter-kicker:before{width:16px}
}
@media(forced-colors:active){.hero-copy h1 span,.chapter-content h2{-webkit-text-fill-color:CanvasText;background:none;text-shadow:none}}
@media(max-width:900px) and (orientation:portrait){body[data-chapter="7"] .alta-credit{display:none}}

/* Keep pale paint reflections behind the mobile charging copy readable. */
@media(max-width:900px) and (orientation:portrait){
 body[data-chapter="5"] .stage:after{background:linear-gradient(180deg,#0d091aee 0%,#0d091ad9 32%,transparent 53%,transparent 68%,#0d091aeb 89%)}
}

@media(max-width:900px) and (orientation:portrait){
 body[data-chapter="2"][data-detail-view="optics"] #exterior h2{opacity:1;visibility:visible}
}

/* Keep explanatory copy attached to its subject at every text size. */
:is(#safety,#engineering,#charging) .chapter-content .feature-heading{position:absolute;left:5%;top:19%;width:min(33%,440px);display:grid;gap:14px}
:is(#safety,#engineering,#charging) .chapter-content .feature-heading :is(h2,.chapter-intro){position:static;inset:auto;width:auto;max-width:none;margin:0}
:is(#safety,#engineering,#charging) .feature-heading .chapter-intro{line-height:1.48}
@media(min-width:901px){
 .menu-toggle{width:auto;position:relative;padding-left:72px}
 .menu-toggle:before{content:'Chapters';position:absolute;left:9px;color:#f1edf9;font:500 13px Manrope,sans-serif}
 :is(#safety,#engineering) .chapter-content .feature-note{left:auto;right:5%;bottom:17%;width:min(32%,390px);max-width:unset}
}
header .wordmark,.review-links a{display:inline-flex;align-items:center;min-height:44px}
.review .enquiry-link{background:#d3c4ff;color:#211834}
@media(max-width:900px) and (orientation:portrait){
 :is(#safety,#engineering,#charging) .chapter-content .feature-heading{top:max(16%,90px);left:7%;width:86%;gap:8px}
 :is(#safety,#engineering,#charging) .chapter-content .feature-heading h2{font-size:clamp(36px,9vw,64px)}
 :is(#safety,#engineering,#charging) .chapter-content .feature-heading .chapter-intro{font-size:clamp(12px,1.9vw,15px);max-width:32em}
}
@media(max-height:620px) and (orientation:portrait){
 :is(#safety,#engineering,#charging) .chapter-content .feature-heading{top:109px;gap:4px}
 :is(#safety,#engineering,#charging) .chapter-content .feature-heading h2{font-size:34px}
}
body .alta-credit{color:#c4bbd1!important}

.part-callout{position:absolute;z-index:3;pointer-events:none;transform:translate(-5%,-100%);font:600 11px/1.2 Manrope,sans-serif;color:#faf8ff;background:#171324ed;border:1px solid #bcaff093;border-radius:6px;padding:5px 9px;white-space:nowrap}
.part-callout:before{content:'';position:absolute;bottom:-7px;left:7%;height:6px;border-left:1px solid #c8b9ff}
.part-callout[hidden]{display:none}

@media(min-width:901px){
 #engineering .feature-heading .chapter-intro{max-width:min(17vw,235px)}
 #safety .feature-heading .chapter-intro{max-width:min(23vw,300px)}
 :is(#safety,#engineering) .chapter-content .feature-note{bottom:16%;max-width:310px;padding:7px 10px;background:#100d1ce0;border-radius:5px}
}

@media(max-width:900px) and (orientation:portrait){
 :is(#safety,#engineering) .chapter-content .choice-row{top:clamp(231px,36.5%,393px);bottom:auto;gap:18px}
 :is(#safety,#engineering) .chapter-content .choice-row button{padding:8px 0;min-width:64px}
}
@media(max-width:900px) and (orientation:portrait){
 body[data-chapter="3"][data-cabin-view="inside"] .stage:after{background:linear-gradient(180deg,#100c1be0 5%,#100c1b99 32%,transparent 53%,transparent 73%,#100c1bcc 92%)}
}

.explore-cue a{pointer-events:auto;min-height:44px;text-decoration:none}

.launch-still{position:absolute;inset:0;pointer-events:none;z-index:1}
.launch-still img{display:block;width:100%;height:100%;object-fit:cover}
.stage[data-ready="true"] .launch-still{display:none}
.stage .loading,.stage .failure{z-index:6}
.fallback-nav{display:none}
.static-start .fallback-nav{display:inline-flex;color:#efeaff;padding:10px;font-size:13px}
.static-start :is(.menu-toggle,.reveal-controls,#concept-button,#credits-button,.chapter button){display:none!important}
@media(max-height:550px) and (orientation:landscape){
 #cockpit .chapter-content:not(.flight-content){max-height:none}
 #cockpit .chapter-content .chapter-intro{top:21%;right:4%;max-width:22em}
 #cockpit .chapter-content .choice-row:not(.ambient-row):not(.interior-views){top:auto;bottom:2%;left:auto;right:3%;gap:14px}
 #cockpit .chapter-content :is(.choice-row,.finish-field){padding:2px 9px;background:#151021f2;border-radius:6px}
 #cockpit .chapter-content .interior-views{top:auto;bottom:17%;right:3%;left:auto}
 #cockpit .chapter-content .ambient-row,#cockpit .chapter-content .finish-field{bottom:2%}
}