:root{color-scheme:dark;--white:#f5f2eb;--muted:#d0d0ca;--line:rgba(236,239,232,.24)}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#6d7c81 #0a1015}body{margin:0;background:#090f13;color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:6px}.skip{position:fixed;top:-100px;background:#111;padding:15px;z-index:200}.skip:focus{top:5px;left:5px}#world{position:fixed;inset:0;width:100%;height:100%;display:block}.shade{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,9,13,.61),rgba(4,9,13,.2) 37%,transparent 62%),linear-gradient(0deg,rgba(4,9,13,.85),transparent 22%,transparent 85%,rgba(4,9,13,.55))}.grain{position:fixed;inset:0;z-index:2;opacity:.026;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.9' filter='url(%23n)'/%3E%3C/svg%3E")}.header{position:fixed;z-index:10;top:0;left:0;width:100%;height:108px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:28px;font-weight:600;letter-spacing:-1.3px}.brand>span:last-child{margin-left:-7px;color:#c8d8d9}.brand-symbol{font-size:42px;font-weight:400;line-height:1;transform:rotate(-22deg)}.top-nav{display:flex;gap:30px;align-items:center}.top-nav button{font-size:13px;padding:12px 0;border-bottom:1px solid transparent;transition:border-color .25s}.top-nav button:hover{border-color:var(--white)}.motion-button{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.03em;color:#d0d8d9;padding:11px 0;border-bottom:1px solid var(--line)}#journey{position:relative;height:900svh;pointer-events:none}.scene-copy{position:fixed;left:7.2vw;top:26%;width:41%;z-index:5;opacity:0;will-change:transform,opacity;pointer-events:none}.scene-copy:first-child{opacity:1}.eyebrow{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.17em;line-height:1.6;margin:0 0 30px;color:#d0d9d8}.eyebrow>span{display:inline-block;width:22px;height:1px;background:#b8c8c7}h1,h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,5.3vw,94px);font-weight:400;line-height:1.03;letter-spacing:-.043em;margin:0 0 25px}em{font-weight:400;color:#d3e3e0}h2{font-size:clamp(45px,5.05vw,87px)}.description{font-size:14px;line-height:1.85;margin:0 0 30px;color:var(--muted);text-shadow:0 2px 25px #0006}.enter{display:inline-flex;align-items:center;gap:27px;padding:13px 0;border-bottom:1px solid #e7e7dd85;font-size:13px;pointer-events:auto}.enter span{font-size:20px;transition:transform .3s}.enter:hover span{transform:translate(3px,-3px)}.object-note{position:fixed;right:11.5vw;bottom:18%;z-index:3;font-size:9px;letter-spacing:.13em;display:flex;align-items:center;gap:10px;color:#d5e0de}.object-note i{height:4px;width:4px;border:1px solid #d5e0de;border-radius:50%}.edition{position:fixed;right:3.4vw;top:43%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.16em;color:#acb6b9;z-index:4}.footer{position:fixed;z-index:10;bottom:35px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;gap:20px}.scroll-hint{display:flex;align-items:center;gap:12px;font-size:11px;color:#d8dcda;min-width:215px}.mouse{width:16px;height:26px;border:1px solid #a4afaf;border-radius:12px;display:flex;justify-content:center;padding-top:6px}.mouse i{width:2px;height:5px;background:#d9e2dd;animation:scroll 1.8s infinite}@keyframes scroll{0%{opacity:0;transform:translateY(0)}50%{opacity:1}100%{opacity:0;transform:translateY(8px)}}#chapters{display:flex;gap:25px}#chapters button{color:#8f9a9d;display:flex;align-items:center;gap:8px;padding:12px 0;font-size:12px;transition:color .2s}#chapters button small{font-size:9px;letter-spacing:.04em}#chapters button[aria-current]{color:white}#chapters button[aria-current]:before{content:'';display:block;width:3px;height:3px;background:white;border-radius:50%}.progress-label{min-width:100px;display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:11px;color:#99a6a9;font-variant-numeric:tabular-nums}#percent{color:#e5eae7;font-size:17px}.progress-track{position:fixed;bottom:0;left:0;width:100%;height:2px;background:#ffffff10;z-index:10}#progress{height:100%;background:#d0e2df;transform:scaleX(0);transform-origin:left}.transition-note{position:fixed;bottom:125px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.06em;z-index:5;color:#e6e8e1;opacity:0;pointer-events:none;text-align:center;text-shadow:0 2px 10px #000}.warm em{color:#ffdfbe}.warm .shade{background:linear-gradient(90deg,rgba(28,13,8,.77),rgba(28,13,8,.44) 33%,transparent 62%),linear-gradient(0deg,rgba(20,11,7,.8),transparent 24%,transparent 85%,rgba(22,10,5,.45))}.warm{--muted:#f1dfce}.warm .edition{color:#e6ccae}#loading{position:fixed;inset:0;background:#090f13;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:opacity .6s,visibility .6s}#loading p{font:22px Georgia,serif;margin:0 0 15px}.loading-symbol{font-size:55px;color:#ccd8d7;animation:spin 8s linear infinite}#loading>div{height:1px;width:150px;background:#ffffff20}#load-progress{display:block;height:100%;background:#d0e2df;transform:scaleX(0);transform-origin:left;transition:transform .3s}@keyframes spin{to{transform:rotate(360deg)}}.ready #loading{opacity:0;visibility:hidden;pointer-events:none}#load-error{position:fixed;z-index:99;inset:0;padding:25vh 10vw;background:#090f13}#load-error h2{font-size:42px}#load-error button{border-bottom:1px solid white;padding:10px 0}.reduced .mouse i,.reduced .loading-symbol{animation:none}
@media(min-width:1800px){.scene-copy{left:9vw}}@media(max-height:720px) and (min-width:761px){.header{height:80px}.scene-copy{top:21%}h1,h2{font-size:clamp(45px,5vw,72px)}.eyebrow{margin-bottom:20px}.description{margin-bottom:17px}.footer{bottom:20px}}@media(max-width:900px){.top-nav{gap:18px}.top-nav button{font-size:11px}.motion-button{font-size:10px}}
@media(max-width:760px){.header{height:84px;padding:0 7vw}.brand{font-size:24px}.brand-symbol{font-size:34px}.top-nav{display:none}.motion-button{font-size:10px;gap:7px}.scene-copy{left:7vw;top:16%;width:86%}.eyebrow{font-size:8px;margin-bottom:19px;letter-spacing:.13em}h1,h2{font-size:clamp(39px,10.6vw,62px);line-height:1.04;margin-bottom:19px}.description{font-size:12px;line-height:1.7;margin-bottom:15px;max-width:300px}.enter{font-size:11px;padding:9px 0;gap:20px}.enter span{font-size:17px}#copy-2 h2{font-size:clamp(36px,10vw,52px)}#journey{height:850svh}.shade{background:linear-gradient(0deg,rgba(4,9,13,.92),transparent 25%,transparent 56%,rgba(4,9,13,.24))}.warm .shade{background:linear-gradient(0deg,rgba(22,10,5,.92),transparent 25%,transparent 58%,rgba(12,9,9,.4))}.object-note,.edition{display:none}.footer{left:7vw;right:7vw;bottom:19px;flex-wrap:wrap;gap:8px}#chapters{width:100%;justify-content:space-between;gap:12px}#chapters button{font-size:11px;min-height:44px}.scroll-hint{font-size:10px;min-width:0}.progress-label{font-size:10px;min-width:65px;gap:8px}#percent{font-size:14px}.mouse{height:22px;width:14px}.transition-note{font-size:10px;bottom:122px;width:80%;line-height:1.7}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){.mouse i,.loading-symbol{animation:none}}

/* Keep scene navigation above the mobile progress and scroll hint. */
@media(max-width:760px){.footer #chapters{order:0}.footer .scroll-hint{order:1;flex:1;font-size:10px}.footer .progress-label{order:2;min-width:65px;gap:8px}}