@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.city .vignette{background:linear-gradient(90deg,#102C3870,transparent 48%),linear-gradient(0deg,#102C3870,transparent 24%)}.city .copy{top:38%;width:35%;left:6%;text-shadow:0 2px 25px #102C3860;transition:opacity .1s}.city .copy h1{font-size:clamp(38px,4.6vw,68px);color:#e5d8c6}.city .copy h1 em,.city .eyebrow{color:#c7f51d}.city .description,.city .detail,.city .chapter-label{color:#e5d8c6}.city .city-travel-copy{top:220px;width:280px;transform:none}.city .city-travel-copy .copy-inner,.city .city-travel-copy .journey-cta,.city .scene-caption{display:none}.city .top-line{color:#e5d8c6}.city-narrative{position:absolute;inset:0;outline:none;pointer-events:none}.city-narrative button,.city-narrative .city-mission,.city-narrative .city-intro{pointer-events:auto}.city-discovery-wipe{position:absolute;inset:0;background:#e5d8c6;pointer-events:none}.city .city-intro{top:38%;transition:none}.city .city-intro h1{margin-top:24px}.city-narrative .city-location{bottom:155px;max-width:32%;pointer-events:none}.city:has(.city-mission) .top-line,.city:has(.city-mission) footer,.city:has(.city-mission) .prototype-label,.city:has(.city-mission) .city-end{color:#79574a}.city-location{position:absolute;left:6%;bottom:155px;display:flex;flex-direction:column;gap:9px;color:#e5d8c6;text-shadow:0 2px 15px #102C38}.city-location span{font-size:9px;letter-spacing:2px}.city-location b{font-size:16px;font-weight:500}.city-location small{font-size:10px;opacity:.8}.city-station-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.city-station-actions button{background:#102c38;color:#e5d8c6;border:1px solid #C7A88B;border-radius:18px;padding:8px 12px;font-size:10px}.city-station-actions button:focus-visible{outline:2px solid #C7F51D;outline-offset:3px}.city-mission{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(520px,86%);background:#e5d8c6f5;border:1px solid #C7A88B;color:#102c38;padding:38px 42px;box-shadow:0 20px 100px #31221733;border-radius:80px 80px 4px 4px;text-align:center}.city-mission>p:first-child{font-size:9px;letter-spacing:3px}.city-mission h2{font:500 58px/1.2 Manrope,sans-serif;margin:20px 0}.city-mission p{font-size:17px;line-height:1.8}.city-mission small{font-size:11px;display:block}.city-mission button{margin-top:25px;background:none;border:0;border-bottom:1px solid #79574A;padding:10px;color:#102c38;font-size:12px}.city-end{position:absolute;bottom:124px;width:100%;text-align:center;font-size:9px;letter-spacing:1.5px;color:#e5d8c6;pointer-events:none}.city:has(.city-mission[aria-hidden=false]) .city-location{visibility:hidden}@media(max-width:760px){.city .city-intro{top:170px}.city-narrative .city-location{bottom:150px;max-width:85%;font-size:11px}.city-narrative .city-location span{font-size:7px;letter-spacing:1px}.city-narrative .city-location b{font-size:12px}.city-narrative .city-mission{top:48%;max-height:calc(100svh - 285px);overflow-y:auto}.city-end{color:#79574a}}@media(max-width:760px){.city .copy{top:170px;width:86%;left:7%;transform:none}.city .copy h1{font-size:40px}.city .description{max-width:320px}.city .detail{display:none}.city .city-travel-copy{top:165px}.city-location{bottom:150px;left:7%;right:7%}.city-location b{font-size:13px}.city-mission{top:46%;padding:25px}.city-mission h2{font-size:42px}.city-mission p{font-size:14px}.city-end{bottom:116px;padding:0 9%;font-size:8px}.city .vignette{background:linear-gradient(180deg,#102C3860,transparent 70%,#102C3880)}}:root{font-family:DM Sans,sans-serif;color:#f3f4ea;background:#081c20;font-synthesis:none;--accent:#d5f68a}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}header{position:fixed;z-index:10;top:0;left:0;width:100%;height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid #b9d4c71c;background:linear-gradient(#081c20ee,#081c2099);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{font:800 38px/.85 Manrope,sans-serif;letter-spacing:-2.8px;position:relative}.brand>span{color:var(--accent);font-size:24px;vertical-align:top;margin-left:3px}.brand small{display:block;font:500 7px/1 DM Sans,sans-serif;letter-spacing:3.1px;margin-top:11px}.mode-selector{display:flex;gap:4px;border:1px solid #829b923d;border-radius:40px;padding:5px;background:#10292c88}.mode-selector button{border:0;background:transparent;color:#a4b6b4;padding:11px 21px;font-size:12px;border-radius:30px;transition:background .2s}.mode-selector button span{font-size:9px;opacity:.6;margin-right:6px}.mode-selector button[aria-pressed=true]{background:var(--accent);color:#102621}.lab-tag{font-size:9px;letter-spacing:1.5px;background:none;border:0;color:#b6c8c4}.lab-tag span{font-size:17px;margin-left:12px}.scroll-route{height:700svh}.stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:0;z-index:-3}.scene canvas{display:block}.vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#081c20f5 0%,#081c20b5 29%,transparent 60%),linear-gradient(0deg,#081c20 0%,transparent 25%,transparent 85%,#081c2040)}.top-line{position:absolute;top:137px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2.2px;color:#98afaa}.copy{position:absolute;left:8.3%;top:49%;transform:translateY(-48%);width:49%;max-width:700px;outline:none}.eyebrow{font-size:9px;letter-spacing:2.7px;font-weight:600;color:var(--accent);display:flex;gap:10px;align-items:center}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}.chapter-label{font-size:10px;color:#9bb5ad;letter-spacing:1.4px;margin:34px 0 15px}.copy h1{font:500 clamp(46px,5.6vw,88px)/1.07 "Manrope",sans-serif;letter-spacing:-.065em;margin:0 0 26px}.copy h1 em{font-style:normal;color:var(--accent)}.description{max-width:360px;color:#b7c9c4;font-size:15px;line-height:1.8;margin:0}.detail{font-size:10px;color:#91aaa1;max-width:360px;line-height:1.6;margin-top:16px}.journey-cta{display:flex;gap:24px;align-items:center;margin-top:30px;padding:0 0 10px;border:0;border-bottom:1px solid #9fb69d80;background:none;font-size:11px}.journey-cta>span{font-size:20px;color:var(--accent)}.scene-caption{position:absolute;right:10%;bottom:21%;width:210px;font-size:11px;color:#9eb8ae;line-height:1.7}.scene-caption>span{display:block;color:#d7e4da;font-size:8px;letter-spacing:2px}.scene-caption i{display:block;width:24px;height:1px;background:var(--accent);margin:13px 0}.chapter-nav{position:absolute;right:3.7%;top:45%;display:flex;flex-direction:column;gap:3px}.chapter-nav button{width:32px;height:28px;position:relative;background:none;border:0;display:grid;place-items:center}.chapter-nav i{width:4px;height:4px;border-radius:50%;background:#647f76;transition:all .2s}.chapter-nav [aria-current=step] i{width:8px;height:8px;background:var(--accent);box-shadow:0 0 0 5px #c5e5ab16}.nav-tooltip{display:none;position:absolute;right:35px;white-space:nowrap;font-size:10px;background:#102e2e;padding:7px}.chapter-nav button:hover .nav-tooltip,.chapter-nav button:focus-visible .nav-tooltip{display:block}footer{position:absolute;bottom:54px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.scroll-cue{display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:1.7px}.scroll-cue>span{height:40px;width:26px;border:1px solid #718d7955;border-radius:18px;display:grid;place-items:center;font-size:18px;color:var(--accent)}.scroll-cue small{display:block;font-size:9px;letter-spacing:.3px;color:#819e93;margin-top:7px}.chapter-progress{display:flex;align-items:center;gap:16px;font-size:10px;color:#b5c7b9}.chapter-progress>div{width:130px;height:1px;background:#4a665d}.chapter-progress i{height:1px;background:var(--accent);display:block}.footer-actions{display:flex;align-items:center;gap:7px}.footer-actions button{background:transparent;border:1px solid #76918355;border-radius:50%;width:38px;height:38px}.footer-actions button:first-child{width:auto;border:0;border-radius:0;font-size:9px;color:#99b2a6;margin-right:15px}.footer-actions button:disabled{opacity:.25;cursor:default}.prototype-label{position:absolute;bottom:17px;left:4.5%;font-size:7px;letter-spacing:1.6px;color:#718c82}.skip{position:fixed;top:-60px;left:20px;z-index:30;background:var(--accent);color:#102421;padding:12px}.skip:focus{top:12px}.loading,.fallback{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#b6c9c1;font-size:12px}.fallback img{max-width:30%;max-height:40%;margin-left:40%}.fallback p{margin-left:40%;max-width:230px}dialog{color:#dde8dc;background:#102b2e;border:1px solid #64816c;max-width:650px;width:90%;max-height:85svh;padding:45px;line-height:1.8}dialog::backdrop{background:#020e12d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog h2{font:500 42px/1.1 Manrope,sans-serif;letter-spacing:-2px}dialog p,dialog li{font-size:13px;color:#aec3b6}dialog li{margin:12px 0}dialog small{color:#a4b9ac;font-size:10px}.close{position:absolute;right:18px;top:15px;background:none;border:0;font-size:28px}.references{display:flex;gap:20px;height:110px;margin:25px 0}.references img{max-width:45%;object-fit:contain}.copy-inner{animation:reveal .5s ease both}@keyframes reveal{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.copy{left:12%}}@media(max-width:1000px){.lab-tag{font-size:0}.lab-tag span{font-size:19px}.mode-selector button{padding:10px 15px}.copy{left:7%;width:55%}.scene-caption{right:10%;width:160px}.copy h1{font-size:clamp(44px,6vw,70px)}}@media(max-width:760px){header{height:115px;padding:16px 6%;align-items:flex-start;flex-wrap:wrap}.brand{font-size:27px}.brand small{font-size:5px;margin-top:7px;letter-spacing:2.4px}.mode-selector{position:absolute;bottom:10px;left:6%;right:6%;justify-content:center;padding:3px}.mode-selector button{font-size:11px;padding:8px 13px;flex:1}.lab-tag{margin-top:3px}.top-line{top:132px;left:6%;font-size:6px}.top-line span:last-child{display:none}.stage{min-height:690px}.copy{top:168px;left:7%;transform:none;width:86%}.eyebrow{font-size:7px;letter-spacing:2px}.chapter-label{margin:19px 0 12px;font-size:8px}.copy h1{font-size:clamp(39px,8.7vw,62px);margin-bottom:15px}.description{font-size:12px;max-width:300px;line-height:1.65}.detail{font-size:8px;margin-top:10px;max-width:290px}.journey-cta{margin-top:17px;font-size:10px;padding-bottom:5px;gap:18px}.vignette{background:linear-gradient(180deg,#081c20cc,#081c2066 48%,transparent 68%,#081c20 98%)}.chapter-nav{right:2%;top:auto;bottom:25%}.scene-caption{display:none}footer{left:6%;right:6%;bottom:40px;gap:8px}.scroll-cue{font-size:6px;letter-spacing:.8px}.scroll-cue small{font-size:7px;max-width:110px;line-height:1.5}.scroll-cue>span{width:23px;height:34px}.chapter-progress{gap:8px;font-size:8px}.chapter-progress>div{width:45px}.footer-actions{gap:4px}.footer-actions button{height:29px;width:29px}.footer-actions button:first-child{position:absolute;bottom:48px;right:0;font-size:8px;margin:0}.prototype-label{font-size:6px;bottom:13px;left:6%}dialog{padding:30px 24px}dialog h2{font-size:34px}.fallback img{margin:230px 0 0;max-width:50%}.fallback p{margin-left:0}}@media(max-height:760px)and (min-width:761px){.copy{top:51%}.copy h1{font-size:55px}.chapter-label{margin-top:20px}.journey-cta{margin-top:17px}.scene-caption{bottom:23%}.top-line{top:125px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}[aria-pressed=true]~.copy-inner{animation:none}[data-reduced=true] *,[data-reduced=true] *:before,[data-reduced=true] *:after{animation:none!important;transition:none!important}