:root{color-scheme:dark;--ink:#f4ebdb;--muted:#adb8c0;--bg:#080e17;--gold:#e8c48f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}
.skip{position:fixed;z-index:50;top:12px;left:12px;transform:translateY(-170%);background:#f4ebdb;color:#111b23;padding:12px 16px;font:700 .85rem system-ui,sans-serif}.skip:focus{transform:none}
.arrival{height:100svh;min-height:600px;position:relative;overflow:hidden;background:#070e17}.world-viewport{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.world-viewport::-webkit-scrollbar{display:none}.world-viewport:focus{outline:none}.world-viewport:focus-visible{outline:2px solid var(--gold);outline-offset:-5px}
.world-stage{position:relative;height:100%;width:177.777778svh;min-width:1066.6667px;isolation:isolate;overflow:hidden}.world-image{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none;pointer-events:none}.world-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#050a12aa,transparent 18%,transparent 72%,#050a12ad),linear-gradient(90deg,#050a1266,transparent 37%,transparent 84%,#050a124d);z-index:1}
.exploration-mist{position:absolute;inset:-2%;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 73% 62%,#283a4fa8,transparent 55%),radial-gradient(ellipse at 32% 38%,#16283ac4,transparent 57%),linear-gradient(110deg,#040b17ed,#102136dc 53%,#030916f0);filter:blur(18px);opacity:.78;mask-image:radial-gradient(ellipse 25% 37% at var(--reveal-x,17%) var(--reveal-y,59%),transparent 0%,#0002 31%,#0008 70%,#000 100%);transition:opacity 1.1s ease;will-change:mask-image}.world-stage[data-active=shop] .exploration-mist{opacity:.65}.world-stage[data-active=library] .exploration-mist{opacity:.72}.world-stage[data-active=road] .exploration-mist{opacity:.62}
.mist{position:absolute;z-index:2;pointer-events:none;transition:opacity 1.8s ease,translate 2.2s ease;will-change:opacity,translate}.mist-wisp{width:100%;height:100%;animation:drift 51s ease-in-out infinite alternate}.mist-horizon{left:31%;top:38%;width:52%;height:36%;opacity:.28}.mist-horizon .mist-wisp{background:radial-gradient(ellipse at 45% 56%,#c2d2df78 0%,#8899aa35 44%,transparent 74%);filter:blur(34px);animation-duration:74s}.mist-shop{left:8%;top:49%;width:33%;height:39%;opacity:.51}.mist-shop .mist-wisp{background:radial-gradient(ellipse at 52% 69%,#cad8e3a8,transparent 67%);filter:blur(32px)}.mist-library{left:38%;top:24%;width:31%;height:31%;opacity:.54}.mist-library .mist-wisp{background:radial-gradient(ellipse at 53% 73%,#c2d2e08c,transparent 68%);filter:blur(26px);animation-duration:65s}.mist-road{left:78%;top:18%;width:24%;height:40%;opacity:.52}.mist-road .mist-wisp{background:radial-gradient(ellipse at 58% 69%,#a8b9cb99,transparent 70%);filter:blur(29px);animation-duration:59s}@keyframes drift{0%{transform:translate3d(-2%,1%,0) scale(1)}100%{transform:translate3d(5%,-2%,0) scale(1.08)}}
.world-map{position:absolute;inset:0;width:100%;height:100%;z-index:5;overflow:visible}.light{opacity:.08;mix-blend-mode:screen;transition:opacity 1.15s ease}.zone path{fill:#fff;fill-opacity:0;stroke:transparent;stroke-width:2;pointer-events:fill}.zone-shop,.zone-road{cursor:pointer}.zone-library{cursor:default}.zone:focus{outline:none}.zone:focus-visible path{stroke:#efdbb5;stroke-width:3;stroke-dasharray:7 7;fill:#f1d6a5;fill-opacity:.045}
.destination-label{position:absolute;z-index:6;padding:0;color:#f7e9d2;text-shadow:0 2px 10px #020610,0 0 20px #020610;white-space:nowrap;font:600 .8rem/1.2 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;opacity:.86;transform:none;transition:opacity .45s ease,transform .45s ease;pointer-events:none}.destination-label span{margin-left:7px;color:var(--gold)}.label-shop{left:12%;top:70%}.label-library{left:51%;top:47%;opacity:0}.label-road{right:4%;top:39%;text-align:right}
.world-stage[data-active=shop] .light-shop{opacity:.65}.world-stage[data-active=shop] .light-shop-window{opacity:1}.world-stage[data-active=shop] .mist-shop{opacity:.1;translate:-2% 5%}.world-stage[data-active=shop] .label-shop{opacity:1;transform:none}.world-stage[data-active=library] .light-library{opacity:.8}.world-stage[data-active=library] .mist-library{opacity:.15;translate:3% 4%}.world-stage[data-active=library] .label-library{opacity:1;transform:none}.world-stage[data-active=road] .light-road{opacity:.95}.world-stage[data-active=road] .mist-road{opacity:.12;translate:5% 2%}.world-stage[data-active=road] .label-road{opacity:1;transform:none}
.world-title{position:absolute;z-index:7;top:76%;left:50%;width:min(95%,1060px);transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:#f5eee4;text-shadow:0 3px 4px #02050b,0 8px 28px #000,0 0 30px #e4d8c781}.world-title:before{content:'';position:absolute;z-index:-1;left:5%;right:5%;top:-45%;bottom:-60%;background:radial-gradient(ellipse,#030812ad 3%,#06101a7d 43%,transparent 72%);filter:blur(18px)}h1{margin:0;font-size:clamp(3.2rem,6.1vw,6.5rem);font-weight:400;line-height:1;letter-spacing:-.035em;font-variant:small-caps;white-space:nowrap}h1 strong{font-weight:500;font-size:1.12em}h1 .brand-a{font-size:.7em}h1 .brand-in{font-size:.45em;letter-spacing:.02em;font-variant:normal;text-transform:uppercase;vertical-align:.15em}.brand-ornament{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:4px;color:#e9ded0;font-size:1.65rem;line-height:1;text-shadow:0 0 15px #ffedcf9c}.brand-ornament i{display:block;width:min(17vw,180px);height:1px;background:linear-gradient(90deg,transparent,#efdfc8 65%,#efdfc8)}.brand-ornament i:last-child{transform:rotate(180deg)}.brand-ornament b{font-weight:400}.explore-cue{position:absolute;z-index:7;bottom:28px;right:32px;display:flex;align-items:center;gap:10px;font:700 .68rem system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#e9e0d0;text-shadow:0 2px 12px #000;pointer-events:none}.cue-dot{height:5px;width:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.cue-touch{display:none}
.paths{padding:100px 32px 105px;background:linear-gradient(#080e17,#101a24)}.paths-inner{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.eyebrow{font:700 .7rem system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}h2{font-size:clamp(2.6rem,5vw,5rem);font-weight:400;line-height:1;letter-spacing:-.035em;margin:20px 0 22px}.paths-inner>div>p:last-child{color:var(--muted);font-size:1.1rem}.path-links{margin-top:13px;border-top:1px solid #7f91a04d;font:600 1rem system-ui,sans-serif}.path-links a,.path-links p{display:flex;align-items:center;gap:22px;margin:0;padding:22px 0;border-bottom:1px solid #7f91a04d}.path-links a:hover,.path-links a:focus-visible{color:var(--gold);background:#ffffff08}.path-links a span:first-child,.path-links p span{color:#a0aeb5;font-size:.72rem;letter-spacing:.1em;min-width:57px;text-transform:uppercase}.path-links a span:last-child{margin-left:auto}.path-links p{color:#aeb8b7}footer{display:flex;justify-content:space-between;gap:24px;padding:30px max(32px,calc((100vw - 1120px)/2));border-top:1px solid #59667550;color:#a9b5bc;font:.78rem system-ui,sans-serif}
@media(min-aspect-ratio:16/9){.world-stage{width:100vw;height:56.25vw;min-width:0}.arrival{min-height:0}}
@media(max-width:820px){.arrival{min-height:0}.world-stage{min-width:0;width:177.777778svh;height:100svh}.world-title{top:78%;width:94%}.world-title h1{font-size:clamp(2.3rem,7vw,4rem);white-space:normal}.explore-cue{right:18px;bottom:18px}.cue-desktop{display:none}.cue-touch{display:inline}.destination-label{font-size:.7rem;letter-spacing:.1em}.paths{padding:72px 22px}.paths-inner{grid-template-columns:1fr;gap:24px}footer{padding:24px 22px}}
@media(max-width:600px){.world-stage{height:100svh;width:177.777778svh}.world-shade{background:linear-gradient(180deg,#050a12a8,transparent 22%,transparent 75%,#050a12a8)}.world-title{top:79%}.world-title h1{font-size:clamp(2.45rem,9vw,3.6rem);line-height:.92}.world-title .brand-in{font-size:.4em}.brand-ornament{font-size:1.25rem}.label-shop{left:6%;top:68%}.label-road{right:3%;top:38%;white-space:normal;max-width:230px}.explore-cue{font-size:.62rem}.paths{padding:65px 20px}footer{display:block}footer span{display:block}footer span+span{margin-top:12px}}
@media(hover:none){.exploration-mist{opacity:.56;mask-image:radial-gradient(ellipse 28% 39% at var(--reveal-x,17%) var(--reveal-y,59%),transparent 0%,#0003 45%,#000 100%)}}
@media(hover:none){.zone-shop,.zone-road{cursor:default}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mist-wisp{animation:none}.mist,.light,.destination-label,.exploration-mist{transition:none}.mist,.exploration-mist{will-change:auto}.exploration-mist{opacity:.4;mask-image:none}}
@media(min-width:821px){.arrival{display:grid;place-items:center}.arrival:before{content:'';position:absolute;inset:-5%;background:url('/world/arrival.jpg') center/cover;filter:blur(36px) brightness(.24);pointer-events:none}.world-viewport{position:relative;z-index:1;width:min(100vw,177.777778svh);height:auto;aspect-ratio:16/9;overflow:hidden}.world-stage{width:100%;height:100%;min-width:0}.explore-cue{right:calc((100vw - min(100vw,177.777778svh))/2 + 32px)}}

/* The supplied 3:2 world contains its own finished wordmark. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.world-stage{width:150svh;min-width:900px}
.world-shade{background:linear-gradient(180deg,#03091438,transparent 35%,#03091429 100%)}
.exploration-mist{background:linear-gradient(180deg,transparent 0%,transparent 36%,#23324785 59%,#101c2bbb 100%);filter:blur(22px);opacity:.69;mask-image:radial-gradient(ellipse 28% 40% at var(--reveal-x,50%) var(--reveal-y,70%),transparent 0%,#0002 41%,#000a 77%,#000 100%)}
.world-stage[data-active=shop] .exploration-mist,.world-stage[data-active=road] .exploration-mist{opacity:.47}
.world-stage[data-active=library] .exploration-mist{opacity:.59}
.mist-horizon{left:23%;top:47%;width:58%;height:30%;opacity:.2}.mist-shop{left:31%;top:58%;width:46%;height:36%;opacity:.3}.mist-library{left:78%;top:37%;width:22%;height:32%;opacity:.32}.mist-road{left:0;top:36%;width:31%;height:42%;opacity:.36}
.label-shop{left:48%;top:80%}.label-road{left:4%;right:auto;top:67%;text-align:left;max-width:31%;white-space:normal}.label-library{left:79%;top:55%}
.destination-label{font-size:.79rem;letter-spacing:.11em}
.explore-cue{bottom:18px}
@media(min-width:821px){.world-viewport{width:min(100vw,150svh);aspect-ratio:3/2}.world-stage{width:100%;height:100%;min-width:0}.explore-cue{right:calc((100vw - min(100vw,150svh))/2 + 20px)}}
@media(max-width:820px){.arrival{display:grid;place-items:center}.arrival:before{content:'';position:absolute;inset:-5%;background:url('/world/arrival.jpg') center/cover;filter:blur(24px) brightness(.29);pointer-events:none}.world-viewport{position:relative;z-index:1;width:100vw;height:62svh}.world-stage{height:62svh;width:93svh;min-width:0}.explore-cue{right:20px;bottom:27px}.label-road{max-width:24%}}
@media(max-width:600px){.world-viewport{height:62svh}.world-stage{height:62svh;width:93svh}.label-shop{left:49%;top:82%}.label-road{left:4%;top:69%;max-width:27%}.destination-label{font-size:.64rem;line-height:1.45}.exploration-mist{opacity:.5}.explore-cue{bottom:24px}}
@media(prefers-reduced-motion:reduce){.exploration-mist{opacity:.26;mask-image:none}}