/* Created by Codex. No external fonts, libraries, images, or network dependencies. */
:root{--ink:#193341;--accent:#157d80;--paper:#f3f1e9;--muted:#597077}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Gothic",Meiryo,system-ui,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e99037;outline-offset:5px}.skip{position:fixed;left:12px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}header{position:fixed;inset:0 0 auto;z-index:5;height:76px;display:flex;align-items:center;gap:24px;padding:0 5vw;background:#f3f1e9ed;border-bottom:1px solid #cbd4ca;backdrop-filter:blur(8px)}.brand{font-size:18px;font-weight:850;letter-spacing:.14em;text-decoration:none}.demo-label{font-size:11px;color:var(--muted)}button{margin-left:auto;background:transparent;color:var(--ink);border:1px solid #b7c8be;border-radius:24px;padding:9px 16px;font:inherit;font-size:12px;cursor:pointer}#stage{position:fixed;inset:76px 0 0;pointer-events:none;overflow:hidden;background:linear-gradient(#cddde0,#eee8d8)}canvas{width:100%;height:100%;display:block}.scene-label{position:absolute;bottom:26px;right:5vw;color:#294653;font-size:11px;letter-spacing:.14em}.scene-label span{display:block;margin-top:7px;letter-spacing:.02em;opacity:.75}.fallback-car{display:none;position:absolute;inset:25% 8% auto 45%;text-align:center}.fallback-car span{font-size:clamp(80px,12vw,180px)}.fallback-car p{font-size:16px}.webgl-fallback .fallback-car,.reduced .fallback-car{display:block}.webgl-fallback canvas,.reduced canvas{visibility:hidden}.stop{min-height:125vh;position:relative;display:flex;align-items:center;padding:105px 6vw 100px;pointer-events:none}.stop article{width:min(420px,42vw);padding:36px;background:#fffdf6ed;border:1px solid #fefef5;border-radius:4px;box-shadow:0 20px 70px #203d3c0e;pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:.23em;color:var(--accent);font-weight:800;margin:0 0 24px}h1,h2{font-family:"Yu Mincho",Georgia,serif;font-size:clamp(28px,3.4vw,46px);line-height:1.5;font-weight:500;letter-spacing:.03em;margin:0 0 26px}p{font-size:14px;line-height:2;margin:18px 0}.small{font-size:11px;color:var(--muted)}.button{display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--ink);color:white;padding:16px 20px;text-decoration:none;font-size:13px;margin-top:28px}.button span{font-size:20px}.chips{display:flex;gap:8px;list-style:none;padding:0;flex-wrap:wrap}.chips li{padding:6px 12px;background:#e4ede5;color:var(--accent);font-size:12px}.progress{position:fixed;bottom:26px;left:6vw;z-index:4;display:flex;gap:7px}.progress a{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fffefa;color:var(--ink);border:1px solid #b0c2b5;text-decoration:none;font-size:10px}.progress a[aria-current="step"]{background:var(--accent);color:white;border-color:var(--accent)}footer{position:relative;z-index:3;display:flex;justify-content:space-between;gap:20px;background:var(--ink);color:white;font-size:11px;padding:24px 6vw}.nojs{position:fixed;bottom:0;inset-inline:0;z-index:8;background:#f5dfac;padding:12px;text-align:center;font-size:12px}.reduced .stop{min-height:70vh}.webgl-fallback #stage{background:linear-gradient(130deg,#d9e8e0,#f0e3c6)}@media(max-width:700px){header{height:64px;gap:10px;padding:0 18px}.brand{font-size:13px}.demo-label{display:none}button{font-size:10px;padding:8px 10px}#stage{top:64px}.stop{min-height:125vh;align-items:flex-end;padding:48vh 20px 90px}.stop article{width:100%;max-width:none;padding:24px;background:#fffdf6f5}h1,h2{font-size:28px;margin-bottom:15px}p{font-size:13px;margin:12px 0}.eyebrow{margin-bottom:15px}.small{font-size:10px}.button{margin-top:18px;padding:12px 16px}.progress{bottom:16px;left:20px}.scene-label{right:20px;bottom:58px;font-size:9px}.fallback-car{inset:13% 0 auto}.fallback-car span{font-size:96px}.fallback-car p{font-size:12px}footer{flex-direction:column;gap:8px}.reduced .stop{min-height:auto;padding:88px 20px 28px}.reduced .fallback-car{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Navigation stays outside the reading column. */
@media(min-width:701px){.progress{left:auto;right:18px;bottom:80px;flex-direction:column}h1,h2{font-size:clamp(28px,2.8vw,38px)}}
@media(max-width:700px){.progress{left:0;right:0;bottom:0;justify-content:center;padding:10px;background:#f3f1e9f2;border-top:1px solid #cbd4ca;backdrop-filter:blur(8px)}footer{padding-bottom:78px}}

/* Immersive kit v4: keep the 3D landscape visible while giving the text an editorial frame. */
:root{--ink:#173542;--accent:#b86444;--paper:#f6f3e9;--muted:#526a70}
header{background:#f8f3e8e9;border-bottom:1px solid #fef7e8;box-shadow:0 5px 35px #21474718}
#stage{background:linear-gradient(165deg,#b9d5d2,#e5e0c9)}
#stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 32%,transparent 42%,#163e4430 100%),linear-gradient(90deg,#0f353526 0%,transparent 44%)}
.stop article{background:#fff9edf0;border:1px solid #fffdf2c9;border-radius:15px;box-shadow:0 24px 90px #16383b30;backdrop-filter:blur(13px)}
.eyebrow{color:#9d5a3d}
.button{background:#204a52;border-radius:5px;transition:transform .2s ease,background .2s ease}
.button:hover{background:#b86444;transform:translateY(-2px)}
.progress a{box-shadow:0 4px 15px #143a3520}
.progress a[aria-current="step"]{background:#b86444;border-color:#b86444}
.scene-label{background:#f8f3e8d9;padding:10px 14px;border-radius:5px;backdrop-filter:blur(8px);box-shadow:0 8px 25px #1b3d3a20}
@media(max-width:700px){.stop article{background:#fff9eef5}.progress{background:#f8f3e8ed}.scene-label{padding:8px 10px}}