@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#17382f;--cream:#f1eee5;--gold:#e0cc9d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button{font:inherit}header{position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:34px 5vw;color:#fff}.wordmark{font-family:'Manrope',Arial,sans-serif;font-size:29px;letter-spacing:.13em;text-decoration:none;font-weight:600}.wordmark span{display:block;font-size:9px;letter-spacing:.22em;margin-top:3px}.edition{font-size:10px;letter-spacing:.16em;display:flex;align-items:center;gap:14px}.edition i{width:4px;height:4px;background:var(--gold);border-radius:50%}.info{font-size:12px;text-decoration:none;border-bottom:1px solid #ffffff80;padding-bottom:6px}.skip{position:fixed;left:12px;top:-70px;z-index:100;background:white;padding:14px}.skip:focus{top:12px}.journey{height:520vh;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden;background:#244b44;color:white}video{width:100%;height:100%;object-fit:cover;display:block}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#061e255c,transparent 32%,#0d252235 66%,#071c269e),linear-gradient(90deg,#071e2359,transparent 74%);pointer-events:none}.intro{position:absolute;top:30%;left:8%;max-width:770px;transform:translateY(var(--intro-y,0));opacity:var(--intro-opacity,1)}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:600;margin:0 0 24px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(55px,7.7vw,119px);font-weight:400;line-height:1.02;letter-spacing:-.055em;margin:0}h1 em{font-weight:400;color:#eee3c6}.subtitle{font-size:17px;line-height:1.6;margin-top:28px}.chapter{position:absolute;left:8%;bottom:22%;opacity:var(--chapter-opacity,0);transform:translateY(var(--chapter-y,20px))}.count{font-size:10px;letter-spacing:.2em;color:var(--gold)}.chapter h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,72px);font-weight:400;letter-spacing:-.04em;margin:17px 0}.chapter p{font-size:16px;margin:0}.bottom{position:absolute;bottom:40px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.hint{display:flex;gap:15px;font-size:10px;letter-spacing:.14em;align-items:center}.hint small{display:block;font-size:11px;letter-spacing:0;opacity:.65;margin-top:5px}.arrow{font-size:30px}.controls{display:flex;gap:10px}.controls button{background:#102d2840;color:white;border:1px solid #ffffff66;border-radius:30px;padding:12px 17px;font-size:12px;backdrop-filter:blur(8px);cursor:pointer}.controls button:hover{background:#fff;color:var(--ink)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.progress{height:3px;position:absolute;bottom:0;left:0;right:0;background:#ffffff2b}.progress i{display:block;height:100%;width:100%;background:var(--gold);transform:scaleX(var(--progress,0));transform-origin:left}.loading{position:absolute;right:5vw;top:115px;font-size:11px;opacity:.8}.loading.hidden{display:none}.about{padding:120px 8vw;display:grid;grid-template-columns:1.15fr 1fr;gap:8vw}.about h2{font-family:Georgia,serif;font-size:clamp(40px,4.6vw,70px);font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:0}.notes p{line-height:1.8;font-size:16px;margin:0 0 22px;color:#425b52}.links{display:flex;gap:25px;flex-wrap:wrap;padding:15px 0 28px}.links a{font-size:12px;text-underline-offset:6px}.notes details{border-top:1px solid #17382f30;padding-top:22px;font-size:13px}.notes details p{font-size:13px;margin:20px 0}.notes summary{cursor:pointer}footer{border-top:1px solid #17382f25;display:flex;justify-content:space-between;margin:0 5vw;padding:30px 0;font-size:10px;letter-spacing:.12em}.reduced .journey{height:100svh}.reduced .stage{position:relative}.reduced .hint{display:none}.reduced .intro{opacity:1!important;transform:none!important}.reduced .chapter{display:none}.reduced .progress{display:none}@media(max-width:700px){header{padding:24px}.wordmark{font-size:23px}.wordmark span{font-size:7px}.edition{display:none}.info{font-size:11px}.journey{height:460vh}video{object-position:54% center}.intro{left:7%;right:7%;top:31%}h1{font-size:clamp(50px,12vw,80px)}.eyebrow{font-size:9px;margin-bottom:20px}.subtitle{font-size:15px;max-width:245px}.bottom{bottom:25px;left:7%;right:7%;align-items:flex-start;flex-direction:column;gap:22px}.controls{width:100%}.controls button{padding:11px 13px;font-size:11px}.chapter{left:7%;right:7%;bottom:29%}.chapter h2{font-size:42px}.chapter p{font-size:14px}.about{padding:75px 7%;grid-template-columns:1fr;gap:35px}.about h2{font-size:43px}.notes p{font-size:15px}.loading{top:100px;right:7%;font-size:10px}footer{flex-direction:column;gap:15px;font-size:9px}.shade{background:linear-gradient(180deg,#051b2577,transparent 30%,#061b2355 60%,#061b26ce),linear-gradient(90deg,#071e2344,transparent)}}
.switch{display:flex;gap:10px;margin-bottom:25px}.switch a{border:1px solid #ffffff65;border-radius:30px;padding:7px 15px;text-decoration:none;font-size:11px;backdrop-filter:blur(8px)}.switch a[aria-current]{background:#fff;color:var(--ink)}@media(max-width:700px){.intro{top:26%}.switch{margin-bottom:25px}}
#frames{position:absolute;inset:0;width:100%;height:100%;display:block}.stage.playing #frames{visibility:hidden}.frame-indicator{position:absolute;right:5vw;bottom:104px;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.1em;color:#fff9}.reduced .frame-indicator{display:none}@media(max-width:700px){.frame-indicator{right:7%;bottom:132px}}
.long-journey{height:1000vh}.origin-label{position:absolute;top:112px;left:5vw;right:5vw;font-size:10px;letter-spacing:.08em;color:#fff9;text-align:right}.walkthrough-page .intro{top:30%}.walkthrough-page .chapter{bottom:24%;max-width:70%}.walkthrough-page .chapter h2{font-size:clamp(36px,4.2vw,62px)}.walkthrough-page .shade{background:linear-gradient(180deg,#07191690,transparent 33%,#07191622 60%,#071916af),linear-gradient(90deg,#07191677,transparent 75%)}@media(max-width:700px){.long-journey{height:1100vh}.origin-label{top:88px;left:7%;right:7%;font-size:9px;line-height:1.5;text-align:left;max-width:310px}.walkthrough-page .intro{top:27%}.walkthrough-page .chapter{bottom:29%;max-width:85%}.walkthrough-page .chapter h2{font-size:38px}.walkthrough-page .subtitle{font-size:16px}.switch{flex-wrap:wrap;gap:8px}.switch a{padding:7px 12px}.walkthrough-page h1{font-size:58px}.walkthrough-page .eyebrow{line-height:1.5;max-width:270px}}
/* Full viewport and scene-led typography for the continuous walkthrough. */
.walkthrough-page{background:#142521;color:#edeae1}.walkthrough-page .stage{height:100dvh;min-height:100svh}.walkthrough-page .long-journey{height:1100dvh}.walkthrough-page .about{background:#142521;color:#edeae1}.walkthrough-page .notes p{color:#b7c3ba}.walkthrough-page footer,.walkthrough-page .notes details{border-color:#ffffff25}.walkthrough-page .chapter{top:auto;bottom:28%;max-width:37%;left:7%;right:auto;transform:none!important}.walkthrough-page .chapter[data-side="right"]{left:auto;right:7%;text-align:right}.walkthrough-page .chapter h2{font-size:clamp(34px,4.6vw,72px);line-height:1.06;letter-spacing:-.04em;text-shadow:0 2px 22px #0006;margin:14px 0}.walkthrough-page .chapter p{font-size:14px;line-height:1.6;max-width:310px;margin-left:auto}.walkthrough-page .chapter[data-side="left"] p{margin-left:0}.walkthrough-page .chapter .count{letter-spacing:.16em}.walkthrough-page .shade{background:linear-gradient(180deg,#07191680,transparent 26%,transparent 62%,#07191699)}.walkthrough-page .intro{text-shadow:0 2px 26px #0006}.walkthrough-page .loading{top:auto;bottom:150px;padding:8px 12px;border-radius:20px;background:#132a2490;backdrop-filter:blur(6px)}@media(max-width:700px){.walkthrough-page .long-journey{height:1200dvh}.walkthrough-page .chapter,.walkthrough-page .chapter[data-side="right"]{max-width:75%;left:7%;right:7%;bottom:30%;text-align:left}.walkthrough-page .chapter[data-side="right"]{left:auto;text-align:right}.walkthrough-page .chapter h2{font-size:40px;line-height:1.08}.walkthrough-page .chapter p{font-size:13px;max-width:220px}.walkthrough-page .origin-label{color:#fff9}.walkthrough-page .loading{bottom:160px}.walkthrough-page .stage{height:100dvh;min-height:100svh}}
.walkthrough-page.reduced .long-journey{height:100dvh}.walkthrough-page.reduced .stage{position:relative}.walkthrough-page.reduced .chapter{display:none}