body{font-size:14px}
.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(3,5,10,.84),transparent 29%,transparent 72%,rgba(3,5,10,.35));z-index:1}
.top{padding:28px 40px;grid-template-columns:1fr auto 1fr}
.mark{text-decoration:none;color:var(--bone);font-size:14px;letter-spacing:.22em;display:flex;align-items:center;gap:12px}
.mark .brand-symbol{display:grid;place-items:center;width:30px;height:34px;border:1px solid #d0c1a8;color:var(--bone);font-family:var(--serif);font-size:25px;letter-spacing:0;margin:0;transform:skew(-8deg)}
.mark .since{font-size:10px;letter-spacing:.08em;text-transform:none;max-width:110px;white-space:normal;line-height:1.5;color:#a5a2a4;padding-left:16px;border-left:1px solid var(--line)}
.iconbtn{font-size:12px;letter-spacing:.06em;background:rgba(9,13,20,.55);border-radius:4px;height:40px}
.iconbtn span{font-size:17px;margin-left:10px}#date{font-size:14px}
#gate{align-items:flex-start;text-align:left;padding:7vh 0 0 8vw;width:57%;gap:28px;inset:0 auto 0 0}
.eyebrow{font-size:12px;letter-spacing:.18em;color:#c3b9a9;display:flex;align-items:center;gap:10px}
.eyebrow i{height:5px;width:5px;border-radius:50%;background:#edc58c;box-shadow:0 0 12px #edc58c}
#gate h1{font-size:clamp(64px,7.4vw,120px);line-height:.98;letter-spacing:-.025em}
#gate h1 em{color:#d9c7ad}.gate-sub{font-family:var(--mono);font-size:14px;line-height:1.85;color:#b1adb1;max-width:38ch}
.gate-actions{align-items:flex-start;gap:8px;margin-top:6px}
.btn{font-size:12px;letter-spacing:.09em;padding:19px 24px;background:#e8ddcb;border-radius:3px;text-transform:none}
.btn span{font-size:22px;line-height:12px;margin-left:40px;font-weight:400}.btn.ghost{font-size:12px;letter-spacing:.02em;padding:12px 0}
.gate-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;letter-spacing:.12em;color:#807f87;margin-top:4px}
.intro-coordinate{position:fixed;z-index:2;right:5vw;bottom:48px;text-align:right;color:#a9a4a2;font-size:11px;letter-spacing:.12em;pointer-events:none;transition:opacity .5s}
.intro-coordinate span{color:#d7c2a0;font-size:10px}.intro-coordinate p{font-family:var(--serif);font-size:24px;letter-spacing:0;line-height:1.15;margin-bottom:0}.journey-started .intro-coordinate{opacity:0}
#chapterMeta{position:fixed;top:122px;left:42px;z-index:3;opacity:0;pointer-events:none;transition:opacity 1s}.journey-started #chapterMeta{opacity:1}
#chapterMeta span{font-size:12px;letter-spacing:.14em;color:var(--hue)}#chapterMeta h2{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.1;margin:9px 0}#chapterMeta p{font-size:11px;color:#a4a0ab;letter-spacing:.015em;margin-top:14px}
#arrival{top:15vh;z-index:5}#arrival .name{font-size:clamp(40px,6vw,76px)}#arrival .sub{font-size:12px}
.bar{padding:0 40px 26px;align-items:center;gap:24px}.navbtn{border-radius:4px;font-size:12px;letter-spacing:.06em;height:48px;min-width:48px;background:rgba(8,12,20,.8)}
.navbtn.ready{box-shadow:none;animation:none;background:color-mix(in srgb,var(--hue) 12%,#090e18)}.navbtn .to{font-size:12px}
.track{gap:8px}.tk{width:34px;height:34px;border:1px solid transparent}.tk::after{position:absolute;bottom:0;width:10px;height:1px}.tk.here::after{width:30px}
.chapter-number{font-size:11px;color:#aaa4b2}.tk.here .chapter-number{color:var(--hue)}.tk .tip{bottom:40px;color:#e3d8c7;font-size:12px;background:#090e18;padding:8px;border:1px solid var(--line)}
.where{gap:6px}.where .n{font-size:20px}.prog{height:1px;width:160px}#cap{bottom:120px;width:min(42rem,calc(100% - 48px))}#cap p{font-size:clamp(22px,2.1vw,29px);line-height:1.2}#cap .vo{border:0;font-size:10px;letter-spacing:.12em;color:#a29aa5}
#exhibitBtn{position:fixed;z-index:7;right:12vw;bottom:22%;border:1px solid var(--line);border-radius:3px;background:rgba(8,12,20,.83);padding:12px 18px;font-size:12px;cursor:pointer;letter-spacing:.035em}#exhibitBtn span{margin-left:18px;color:var(--hue)}
#notes{width:min(560px,100%);padding:26px 30px 40px}#notes p,#notes li{font-size:15px;line-height:1.65}#notes h3{font-size:12px}.vo-sys b{font-size:27px}.vo-sys b small{font-size:12px}.vo-sys li{margin-top:12px!important;color:#b9b2b7!important}
#exhibitDialog{background:#0b0e16;border:1px solid #34343e;border-radius:6px;width:min(1100px,94vw);height:min(850px,90dvh);padding:24px;color:var(--bone)}
#exhibitDialog::backdrop{background:rgba(2,4,10,.88);backdrop-filter:blur(15px)}#exhibitDialog header{display:flex;align-items:center;justify-content:space-between;gap:20px}#exhibitDialog h2{font-family:var(--serif);font-weight:400;font-size:32px;margin:10px 0 18px}
#exhibitContent{height:calc(100% - 132px);display:grid;place-items:center;min-height:120px;background:#05070b}#exhibitContent img,#exhibitContent video{width:100%;height:100%;object-fit:contain;min-height:0;max-height:100%}#exhibitCredit{font-size:12px;color:#a9a3aa;line-height:1.5}
#contact{bottom:125px}.mail span{font-size:14px}.mail button{font-size:12px}.mail{border-radius:3px;background:#080e19}.contact-link{display:block;color:#d1c0a7;font-size:12px;margin-top:20px;text-decoration:none}
#renderFailure,.no-script{position:fixed;inset:0;z-index:50;background:#080d18;padding:15vh 10vw;color:var(--bone);font-size:18px}#renderFailure h2{font:54px var(--serif)}
@media(min-width:1500px){#gate{padding-left:10vw}.top{padding:34px 52px}.bar{padding:0 52px 32px}}
@media(max-width:900px){.mark .since{display:none}#chapterMeta{left:24px}#chapterMeta h2{font-size:30px}.top{padding:20px 24px}#gate{padding-left:6vw;width:64%}.bar{padding:0 24px 22px}}
@media(max-width:620px){
 .top{padding:16px;grid-template-columns:1fr auto;gap:8px}.mark{font-size:12px;gap:8px;letter-spacing:.13em}.mark .brand-symbol{height:27px;width:23px;font-size:20px}.tools{gap:5px}.iconbtn{padding:0 9px;font-size:11px;min-width:34px;height:36px}.iconbtn span{display:none}#date{display:none}
 #gate{width:100%;inset:0;padding:40vh 24px 7vh;justify-content:flex-end;gap:19px;background:linear-gradient(0deg,rgba(3,6,12,.95),rgba(3,6,12,.55) 52%,transparent 78%)}#gate h1{font-size:clamp(56px,13.5vw,82px)}.eyebrow{font-size:10px}.gate-sub{font-size:12px;line-height:1.7}
 .gate-actions{gap:2px}.btn{padding:16px 21px;font-size:12px}.btn.ghost{padding:11px 0}.gate-meta{gap:13px;font-size:9px;margin:0}.intro-coordinate{display:none}
 #chapterMeta{left:18px;top:80px}#chapterMeta span{font-size:10px}#chapterMeta h2{font-size:26px;margin:6px 0}#chapterMeta p{font-size:10px;margin:7px 0}#arrival{top:18vh}#arrival .name{font-size:44px}#arrival .idx,#arrival .sub{font-size:10px}
 .bar{padding:0 14px calc(env(safe-area-inset-bottom,0px) + 16px);gap:8px}.navbtn{padding:0 12px;height:43px;min-width:43px;font-size:11px}.track{gap:0}.tk{width:25px;height:30px}.chapter-number{font-size:10px}.tk.here::after{width:20px}.where .n{font-size:17px}.where{gap:5px}.prog{width:100px}
 #cap{bottom:calc(env(safe-area-inset-bottom,0px) + 112px);width:calc(100% - 32px)}#cap p{font-size:22px;line-height:1.16}#cap .vo{font-size:9px;margin-top:8px}#exhibitBtn{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 238px);font-size:11px;padding:9px 12px;background:#080e19}
 #exhibitDialog{padding:18px;height:88dvh}#exhibitDialog h2{font-size:27px}#exhibitCredit{font-size:11px}#contact .big{font-size:42px}.mail span{font-size:12px}.mail button{font-size:11px}#contact{bottom:125px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}}
@media(max-width:620px){.tk .tip{display:none}}