@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('./vendor/cormorant-regular.ttf') format('truetype')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('./vendor/cormorant-italic.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 500;font-display:swap;src:url('./vendor/manrope-regular.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 700;font-display:swap;src:url('./vendor/manrope-bold.ttf') format('truetype')}
:root{--ink:#f8f4e9;--muted:#c3c9bc;--gold:#dbba7b;--forest:#1c352b;--line:rgba(246,239,216,.2);font-family:'Manrope',sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#20382e}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}#app{position:fixed;inset:0}canvas{display:block;touch-action:none}.scene-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,27,23,.89),rgba(10,27,23,.65) 23%,rgba(10,27,23,.1) 59%,transparent 78%),linear-gradient(0deg,rgba(10,25,20,.8),transparent 29%,transparent 85%,rgba(10,25,20,.44));transition:background .6s}
.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:28px 42px}.brand{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:2.2px;font-weight:700}.brand svg{width:32px;height:38px;fill:none;stroke:var(--gold);stroke-width:1.5}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:400;margin-top:7px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px}.top-actions a{font-size:11px;margin-right:17px}.top-actions a span{margin-left:12px;color:var(--gold)}.top-actions button{border:1px solid var(--line);background:rgba(20,40,32,.25);border-radius:50%;color:var(--ink);height:36px;width:36px;font-size:19px;backdrop-filter:blur(8px)}
.intro-copy{position:fixed;z-index:5;left:6.2vw;top:22%;width:390px;pointer-events:none;transition:opacity .5s,transform .5s}.intro-copy button{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:600;color:var(--gold)}.eyebrow>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:2px}.intro-copy h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(54px,5.9vw,90px);font-weight:400;line-height:.99;letter-spacing:-2.5px;margin:29px 0 25px}.intro-copy em{font-weight:400;color:#e4cc9e}.title-rule{width:42px;height:1px;background:var(--gold);margin-bottom:21px}.intro-copy h2{font-size:14px;letter-spacing:.4px;font-weight:500;margin:0 0 12px}.intro-description{font-size:11px;line-height:1.9;color:var(--muted);max-width:280px}.primary{display:inline-flex;align-items:center;gap:44px;background:var(--gold);color:#25372d;border:0;padding:16px 23px;font-weight:700;font-size:11px;border-radius:3px;margin-top:15px;transition:background .2s,transform .2s}.primary:hover{background:#f2d59e;transform:translateY(-2px)}.primary span{font-size:19px;font-weight:400}.intro-note{font-size:9px;color:#c6cabe;margin-top:15px}.intro-copy.hidden{opacity:0;pointer-events:none;transform:translateX(-20px)}.intro-copy.hidden button{pointer-events:none}
.scene-caption{position:fixed;top:128px;right:43px;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.8px;color:#f4efdf}.live-dot{width:5px;height:5px;border-radius:50%;background:#cbd9a1;box-shadow:0 0 8px #d9e8a080}.caption-line{width:22px;height:1px;background:#ffffff66}.compass{position:fixed;right:46px;bottom:192px;display:flex;align-items:center;flex-direction:column;font-size:9px;color:var(--gold);gap:4px}.compass svg{width:43px;height:43px;fill:var(--gold)}.compass small{font-size:7px;letter-spacing:2px;color:#e0e4d7}.experience-dock{position:fixed;z-index:10;bottom:22px;left:6.2vw;right:6.2vw;background:rgba(14,34,26,.72);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:5px}.stops{display:flex;padding:0 28px;border-bottom:1px solid var(--line)}.stop{flex:1;border:0;border-bottom:2px solid transparent;background:none;color:#cad0c2;padding:22px 4px;text-align:left;font-size:11px;transition:color .2s,border-color .2s}.stop span{font-size:9px;margin-right:15px;opacity:.6;font-variant-numeric:tabular-nums}.stop.active{border-bottom-color:var(--gold);color:var(--gold)}.stop:hover{color:#fff}.dock-bottom{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:8px 27px;gap:20px}#hint{font-size:9px;color:#b5bfaf;margin:0}#hint span{margin:0 7px}.lighting{display:flex;gap:3px;background:#ffffff08;border-radius:3px;padding:3px}.lighting button{border:0;background:transparent;color:#c0c9b7;font-size:9px;padding:7px 14px;border-radius:2px}.lighting button.active{background:#d8bc8026;color:#ebd4a6}.auto-button{font-size:9px;color:var(--ink);border:0;background:none;white-space:nowrap}.auto-button>span:first-child{font-size:17px;vertical-align:-2px;margin-right:9px;color:var(--gold)}
.explore-panel{position:fixed;left:6.2vw;bottom:195px;max-width:350px;z-index:5}.explore-panel h2{font:400 36px/1.05 'Cormorant Garamond',Georgia,serif;margin:16px 0}.explore-panel p{font-size:11px;line-height:1.9;color:#d3d9ca;max-width:280px}.text-button{color:var(--gold);background:none;border:0;border-bottom:1px solid #bda57566;font-size:10px;padding:9px 0}.text-button span{margin-left:20px}.exploring .scene-shade{background:linear-gradient(90deg,rgba(10,27,23,.64),transparent 42%),linear-gradient(0deg,rgba(10,25,20,.82),transparent 38%,transparent 83%,rgba(10,25,20,.4))}
dialog{color:#eae9db;background:#20392f;border:1px solid #ab977057;border-radius:6px;padding:42px;max-width:550px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#07140ec4;backdrop-filter:blur(10px)}dialog h2{font:400 40px/1.1 'Cormorant Garamond',Georgia,serif;margin:20px 0}dialog h2 em{color:var(--gold)}dialog p{font-size:12px;line-height:1.9;color:#d2d9c8}#close-story{position:absolute;top:10px;right:15px;border:0;background:none;color:var(--ink);font-size:28px}.story-facts{display:flex;justify-content:space-between;padding:22px 0;margin:20px 0;border-block:1px solid var(--line)}.story-facts strong{font:400 30px 'Cormorant Garamond',Georgia,serif;color:var(--gold);display:block}.story-facts span{font-size:9px;color:#d2d9c8}.model-note{font-size:10px!important;color:#afbea8!important}.sources{display:grid;gap:12px;font-size:10px;margin-top:26px}.sources>span{font-size:8px;letter-spacing:1.5px;color:var(--gold)}.sources a:hover{text-decoration:underline}#toast{position:fixed;z-index:50;bottom:160px;left:50%;transform:translateX(-50%);border:1px solid var(--line);background:#20392f;color:var(--ink);padding:13px 22px;font-size:11px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .25s}#toast.visible{opacity:1}
#loading{position:fixed;z-index:100;inset:0;background:#1b3028;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .7s;gap:14px;text-align:center;padding:24px}#loading.hidden{opacity:0;pointer-events:none}#loading p{font:400 30px 'Cormorant Garamond',Georgia,serif;margin:8px}#loading>span{font-size:10px;color:#bcc6b0}#loading a{font-size:11px;margin-top:18px;color:var(--gold)}.loading-mark{font:400 54px 'Cormorant Garamond',Georgia,serif;color:var(--gold);letter-spacing:-11px;transform:translateX(-6px)}.loading-mark span{font-style:italic}.loading-line{height:1px;width:160px;background:#d5bc7133;overflow:hidden;margin-top:18px}.loading-line:after{content:'';display:block;background:var(--gold);height:1px;width:60%;animation:loading 1.7s ease-in-out infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(170%)}}.no-script{position:fixed;z-index:101;inset:0;background:#1b3028;display:grid;place-content:center;padding:24px;gap:24px}
#joystick,#dpad{display:none}#exit-walk{position:fixed;left:50%;transform:translateX(-50%);bottom:35px;z-index:15;border:1px solid var(--line);border-radius:4px;background:#193328dc;backdrop-filter:blur(8px);color:var(--ink);font-size:11px;padding:15px 24px}#exit-walk span{margin-left:20px;color:var(--gold);font-size:9px}.walking .experience-dock,.walking .explore-panel,.walking .compass{display:none}.walking .scene-shade{background:linear-gradient(0deg,#10281c55,transparent 20%,transparent 85%,#10281c55)}
.intro-copy{width:460px}.intro-copy h1{font-size:clamp(54px,5.5vw,84px)}
@media(min-width:1500px){.intro-copy{top:24%}.experience-dock{max-width:1240px;left:50%;right:auto;transform:translateX(-50%);width:87.6vw}}
@media(max-height:780px) and (min-width:761px){.intro-copy{top:19%}.intro-copy h1{font-size:60px;margin:20px 0}.title-rule{margin-bottom:14px}.intro-copy .intro-note{display:none}.intro-copy .primary{margin-top:8px}.experience-dock{bottom:16px}.stop{padding:17px 4px}}
@media(max-width:760px){.topbar{padding:20px}.brand{font-size:10px;gap:9px;letter-spacing:1.6px}.brand small{font-size:6px;letter-spacing:1.2px}.brand svg{width:26px}.top-actions{gap:8px}.top-actions a{font-size:0;margin:0}.top-actions a span{font-size:20px;margin:0}.top-actions button{height:32px;width:32px}.scene-caption{top:83px;right:20px;font-size:7px;gap:7px;letter-spacing:1px}.compass{display:none}.intro-copy{left:25px;top:auto;bottom:192px;width:calc(100vw - 50px)}.intro-copy h1{font-size:42px;line-height:.93;letter-spacing:-1.2px;margin:13px 0}.intro-copy h2{font-size:12px}.intro-description{font-size:10px;max-width:230px;margin-bottom:0}.intro-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.title-rule{margin-bottom:13px;width:27px}.primary{padding:12px 17px;margin-top:13px;gap:35px}.intro-note{display:none}.scene-shade{background:linear-gradient(0deg,rgba(10,27,23,.92) 12%,rgba(10,27,23,.62) 38%,transparent 69%,rgba(10,27,23,.44))}.experience-dock{left:14px;right:14px;bottom:14px}.stops{padding:0 12px;gap:10px}.stop{font-size:8px;padding:16px 0;white-space:nowrap}.stop span{display:block;font-size:8px;margin:0 0 6px}.dock-bottom{padding:10px 9px;gap:6px;min-height:65px;flex-wrap:wrap;justify-content:space-between}#hint{width:100%;font-size:8px;text-align:center;order:3;margin-top:4px}.lighting button{padding:6px 9px;font-size:8px}.auto-button{font-size:8px;padding:4px}.auto-button>span:first-child{margin-right:3px;font-size:14px}.explore-panel{left:25px;bottom:191px;max-width:270px}.explore-panel h2{font-size:30px}.explore-panel p{font-size:10px;max-width:230px}.exploring .scene-shade{background:linear-gradient(0deg,#10271fed 12%,#10271f88 34%,transparent 62%,#10271f55)}dialog{padding:30px 25px}dialog h2{font-size:34px}#toast{bottom:175px;max-width:90%;width:max-content}.walking.mobile #joystick{display:block;position:fixed;bottom:113px;left:25px;width:92px;height:92px;border:1px solid #ffffff55;border-radius:50%;background:#17372844;touch-action:none}.knob{position:absolute;left:50%;top:50%;width:38px;height:38px;border-radius:50%;background:#e0cf9b88;transform:translate(-50%,-50%)}.walking.mobile #dpad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,40px);gap:5px;position:fixed;bottom:110px;right:20px;touch-action:none}.dp{background:#19332899;border:1px solid #ffffff44;border-radius:5px;color:var(--ink);font-size:19px;touch-action:none}.up{grid-column:2}.left{grid-column:1;grid-row:2}.down{grid-column:2;grid-row:2}.right{grid-column:3;grid-row:2}}
@media(max-width:760px) and (max-height:690px){.intro-copy{bottom:175px}.intro-copy h1{font-size:38px}.intro-description,.title-rule{display:none}.intro-copy h2{margin-bottom:4px}.scene-caption{top:75px}.explore-panel{bottom:174px}.explore-panel h2{font-size:26px}.explore-panel p{line-height:1.6}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}