:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;color:#e5e9e8;background:#080d12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #f3bf7c;outline-offset:5px}#viewport{position:fixed;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .7s}body.ready canvas{opacity:1}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(5,9,13,.85),transparent 23%,transparent 75%,rgba(5,9,13,.6))}header{position:fixed;left:4%;right:4%;top:32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{pointer-events:auto;color:inherit;text-decoration:none;display:flex;align-items:center;gap:13px;letter-spacing:.16em;font-size:16px;font-weight:700}.brand-mark{display:grid;place-items:center;width:31px;height:34px;border:1px solid #c59355;color:#f3bf7c;font-size:22px;transform:skewY(-8deg)}.brand-divider{height:20px;width:1px;background:#566069;margin:0 8px}.brand-sub,.edition{font-size:10px;letter-spacing:.19em;font-weight:500;color:#a2adb2}.edition{display:flex;align-items:center;gap:12px}.status-dot{width:5px;height:5px;background:#dbac71;border-radius:50%;box-shadow:0 0 10px #dbac71}.intro{position:fixed;top:24%;left:7%;pointer-events:none;transition:opacity .3s,transform .3s}.intro button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.25em;color:#d5a465;font-weight:600}h1{font-size:clamp(36px,4.5vw,72px);letter-spacing:-.045em;line-height:1.06;font-weight:450;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#eabb80}.intro-copy{font-size:14px;line-height:1.8;color:#aab5bb}.primary{margin-top:18px;padding:15px 19px;border:1px solid #ae895b;background:#171a1cbb;font-size:12px}.primary span{margin-left:36px;color:#eabb80}.scroll-hint{font-size:9px;letter-spacing:.18em;color:#8a969b;margin-top:27px}.scroll-hint span{margin-left:20px;color:#eabb80}.intro.departed{opacity:0;transform:translateY(-12px);pointer-events:none}.intro.departed button{pointer-events:none}.chapter{position:fixed;left:5%;bottom:180px;width:260px;padding:20px 22px;border-left:1px solid #557478;background:linear-gradient(90deg,#091117df,#09111780);pointer-events:none}h2{font-weight:450;font-size:25px;letter-spacing:-.025em;margin:12px 0}.chapter p{font-size:12px;line-height:1.75;color:#a6b5bb;margin:0 0 16px}.phase{font-size:9px;letter-spacing:.18em;color:#99cdd7}.transport{position:fixed;bottom:29px;left:5%;right:5%;max-width:1250px;margin:auto}.transport-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.transport button{padding:9px 0}.transport button span{margin-left:8px;color:#9da9af}.transport nav{display:flex;align-items:center;gap:20px;font-size:10px}.transport nav button{color:#829299;letter-spacing:.06em}.transport nav button[aria-current]{color:#efbd7f}.transport nav button[aria-current] span{color:#e4e8e9}.nav-line{width:60px;height:1px;background:#304047}#timeline{appearance:none;display:block;width:100%;height:2px;background:linear-gradient(to right,#dba666 var(--progress,0%),#ffffff24 var(--progress,0%));margin:14px 0 16px;cursor:ew-resize}#timeline::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#f5c994;box-shadow:0 0 12px #dd994a66}#timeline::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#f5c994}.transport-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#7b8b94}.loader{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:14px;align-items:center;background:#080d12e8;padding:22px 28px;font-size:12px;color:#c0c8cb}.loading-orbit{width:20px;height:20px;border:1px solid #42525b;border-top-color:#f4bd78;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.error{position:fixed;inset:30% 15%;background:#111c24;padding:30px}.error p{font-size:13px;line-height:1.6}.error button{border:1px solid #c59355;padding:10px}.review{position:fixed;right:4%;top:80px;font-size:10px;color:#9eafb8;max-width:260px}.review summary{cursor:pointer;list-style:none;opacity:.55;text-align:right}.review[open]{padding:14px;background:#091118ee;border:1px solid #263b45}.review label{display:flex;gap:10px;align-items:center;margin-top:13px}.review input[type=number]{width:65px;background:#16242c;color:#e5e9e8;border:1px solid #344953;padding:4px}.review output{display:block;line-height:1.6;margin-top:14px;font-size:10px;max-width:220px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:700px){header{top:22px}.edition,.brand-divider,.brand-sub{display:none}.intro{top:19%;left:7%}h1{font-size:42px}.intro-copy{font-size:12px}.chapter{bottom:145px;width:215px;padding:12px 15px}.chapter h2{font-size:20px}.chapter p{font-size:11px}.transport{bottom:22px}.transport nav{gap:9px}.nav-line{width:20px}.review{top:27px;right:5%}.transport button{font-size:10px}.intro .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.loading-orbit{animation:none}}.transport nav{min-width:0;overflow-x:auto;flex:1;justify-content:flex-start;scrollbar-width:thin}.transport nav button{flex-shrink:0;white-space:nowrap}.transport-top>button{flex-shrink:0}.nav-line{display:none}@media(max-width:700px){.transport-top{gap:12px}.transport nav{gap:14px}.transport-top>button span{display:none}}.chapter{--card-accent:#9cced8;width:300px;padding:20px 22px;background:#0a141cf2;border:1px solid #34454e;border-top:2px solid var(--card-accent);border-radius:3px;box-shadow:0 12px 38px #0005;bottom:155px}.chapter h2{font-size:25px;line-height:1.16;margin:10px 0 12px}.chapter p{color:#d0dbe0;font-size:13px;line-height:1.6;min-height:42px}.chapter .eyebrow{color:var(--card-accent);letter-spacing:.14em}.chapter .phase{color:var(--card-accent);letter-spacing:.12em}.chapter[data-kind=announcement]{--card-accent:#e7b77b;width:285px}.chapter[data-kind=result]{--card-accent:#b9ace4;width:315px}.chapter[data-placement=upper-left]{top:125px;bottom:auto}.chapter[data-placement=upper-right]{inset:145px 5% auto auto}.build-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;list-style:none;padding:0;margin:17px 0}.build-steps li{padding:9px 0 7px;border-top:2px solid #46535a;color:#98a7b0;font-size:11px}.build-steps li[data-state=active]{border-color:#a7e0e8;color:#ecffff;font-weight:700}.build-steps li[data-state=active]:after{content:" •"}.build-steps li[data-state=done]{border-color:#64969d;color:#b8d4d7}.build-steps li[data-state=done]:after{content:" ✓"}.beat-meter{height:3px;background:#ffffff20;margin-top:17px;overflow:hidden}.beat-meter span{display:block;width:var(--beat-progress,0%);height:100%;background:var(--card-accent)}.card-enter{animation:card-enter .2s ease-out}@keyframes card-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.study-button{border:1px solid #607581;padding:9px 12px;border-radius:3px;font-size:12px}.review .study-button{margin-top:14px}.review[open]{z-index:5}.study-button:hover{background:#23343d}#storyboard{color:#e5e9e8;background:#09121b;border:1px solid #4a626f;border-radius:8px;width:min(1000px,94vw);max-height:90dvh;padding:28px;overflow:auto}#storyboard::backdrop{background:#020609db}.study-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.study-heading h2{font-size:30px}.study-intro{color:#bbc9d1;font-size:13px;line-height:1.7;max-width:780px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.story-panel{border:1px solid #304650;padding:18px;background:#101d27}.story-scene{height:160px;border-bottom:1px solid #3d5361;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:14px;text-align:center;color:#c8dde5;font-size:12px;line-height:1.8}.story-tower{color:#e7b77b;font-size:17px}.story-station{font-size:10px;color:#9bcfdf}.story-ring{color:#c5b0ef;font-size:17px}.story-route{color:#a7c2ca}.sample-card{margin-top:20px;padding:18px;background:#091219;border-top:2px solid #e7b77b}.sample-card.result{border-color:#b9ace4}.sample-card h3{font-size:23px;font-weight:450;line-height:1.2;margin:12px 0}.sample-card p{color:#d0dbe0;font-size:13px;line-height:1.6}.sample-card small{font-size:9px;letter-spacing:.08em;color:#b8c9d2}.story-note{font-size:12px;line-height:1.6;color:#a5b7c1}@media(max-width:700px){.chapter,.chapter[data-kind=announcement],.chapter[data-kind=result],.chapter[data-placement=upper-left],.chapter[data-placement=upper-right]{inset:auto 5% 135px;width:auto;padding:13px 16px}.chapter h2{font-size:21px;margin:7px 0}.chapter p{font-size:12px;line-height:1.5;min-height:0;margin-bottom:10px}.chapter .eyebrow{font-size:9px}.build-steps{margin:10px 0}.beat-meter{margin-top:10px}.story-grid{grid-template-columns:1fr}#storyboard{padding:18px}.study-heading h2{font-size:25px}.study-heading .eyebrow{line-height:1.8}}@media(max-height:550px)and (min-width:701px){.chapter,.chapter[data-placement=upper-left],.chapter[data-placement=upper-right]{top:85px;bottom:auto;padding:12px 16px}.chapter h2{font-size:20px}.chapter p{font-size:11px;min-height:0}.build-steps{margin:9px 0}}@media(prefers-reduced-motion:reduce){.card-enter{animation:none!important}}@media(min-width:701px){.chapter[data-placement=lower-right]{left:auto;right:5%}}:is(body[data-polish^=build-],body[data-polish^=marketing-]) .chapter.build-complete{inset:115px 5% auto auto}@media(max-width:700px){:is(body[data-polish^=build-],body[data-polish^=marketing-]) .chapter.build-complete{inset:100px 5% auto}}body[data-polish=opening-v02] .intro{text-shadow:0 2px 12px #000,0 0 32px #000}@media(max-width:700px){:is(body[data-polish^=opening-],body[data-polish^=forgeops-],:is(body[data-polish^=build-],body[data-polish^=marketing-])) .intro{top:11%}:is(body[data-polish^=opening-],body[data-polish^=forgeops-],:is(body[data-polish^=build-],body[data-polish^=marketing-])) .intro h1{margin:16px 0}:is(body[data-polish^=opening-],body[data-polish^=forgeops-],:is(body[data-polish^=build-],body[data-polish^=marketing-])) .intro .primary{margin-top:8px}:is(body[data-polish^=opening-],body[data-polish^=forgeops-],:is(body[data-polish^=build-],body[data-polish^=marketing-])) .intro .scroll-hint{margin-top:15px}}body:is([data-polish=marketing-v01],[data-polish=marketing-v02],[data-polish=media-v01],[data-polish=media-v02],[data-polish=feedback-v01],[data-polish=feedback-v02]) .chapter.handoff-transit{inset:115px 5% auto auto}@media(max-width:700px){body:is([data-polish=marketing-v01],[data-polish=marketing-v02],[data-polish=media-v01]) .chapter.handoff-transit{inset:100px 5% auto}}body:is([data-polish=media-v01],[data-polish=media-v02],[data-polish=feedback-v01],[data-polish=feedback-v02]) .chapter.media-production{inset:100px auto auto 5%;max-width:275px}@media(max-width:700px){body:is([data-polish=media-v01],[data-polish=media-v02],[data-polish=feedback-v01],[data-polish=feedback-v02]) .chapter.media-production{inset:95px 5% auto;max-width:none;padding:14px}body:is([data-polish=media-v01],[data-polish=media-v02],[data-polish=feedback-v01],[data-polish=feedback-v02]) .chapter.media-production h2{font-size:23px}}body:is([data-polish=media-v02],[data-polish=feedback-v01],[data-polish=feedback-v02]) .chapter.media-production{inset:100px 5% auto auto;max-width:265px}@media(max-width:700px){body:is([data-polish=media-v02],[data-polish=feedback-v01],[data-polish=feedback-v02]) .chapter.media-production{left:5%;right:5%;top:85px;max-width:none}}body[data-polish=feedback-v02] .chapter:is(.handoff-transit,.media-production){inset:auto auto 100px 3%;max-width:265px}@media(max-width:700px){body[data-polish=feedback-v02] .chapter:is(.handoff-transit,.media-production){inset:85px 5% auto;max-width:none}}body[data-polish=feedback-v02] .chapter.handoff-transit{inset:auto 3% 100px auto}@media(max-width:700px){body[data-polish=feedback-v02] .chapter.handoff-transit{inset:85px 5% auto}}body:is([data-polish=marketing-v01],[data-polish=marketing-v02],[data-polish=media-v01],[data-polish=media-v02],[data-polish=feedback-v01],[data-polish=update-v01]) .chapter.handoff-transit{inset:115px 5% auto auto}body:is([data-polish=media-v01],[data-polish=media-v02],[data-polish=feedback-v01],[data-polish=update-v01]) .chapter.media-production{inset:100px auto auto 5%;max-width:275px}@media(max-width:700px){body:is([data-polish=media-v01],[data-polish=media-v02],[data-polish=feedback-v01],[data-polish=update-v01]) .chapter.media-production{inset:95px 5% auto;max-width:none;padding:14px}body:is([data-polish=media-v01],[data-polish=media-v02],[data-polish=feedback-v01],[data-polish=update-v01]) .chapter.media-production h2{font-size:23px}}body:is([data-polish=media-v02],[data-polish=feedback-v01],[data-polish=update-v01]) .chapter.media-production{inset:100px 5% auto auto;max-width:265px}@media(max-width:700px){body:is([data-polish=media-v02],[data-polish=feedback-v01],[data-polish=update-v01]) .chapter.media-production{left:5%;right:5%;top:85px;max-width:none}}body[data-polish=update-v01] .chapter:is(.handoff-transit,.media-production){inset:auto auto 100px 3%;max-width:265px}@media(max-width:700px){body[data-polish=update-v01] .chapter:is(.handoff-transit,.media-production){inset:85px 5% auto;max-width:none}}body[data-polish=update-v01] .chapter.handoff-transit{inset:auto 3% 100px auto}@media(max-width:700px){body[data-polish=update-v01] .chapter.handoff-transit{inset:85px 5% auto}}
