@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--paper:#f3ead4;--muted:#d3c8ad;--gold:#d5ae6d;--glass:rgba(13,20,17,.76);--edge:rgba(235,215,177,.21);--fine:rgba(255,242,214,.52)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none;background:#0a181b;color:var(--paper);font-family:'DM Sans',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #e9c27c;outline-offset:4px}#experience{position:relative;width:100vw;height:100vh;height:100dvh;min-height:500px;overflow:hidden;isolation:isolate}#viewport,canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#viewport{background:radial-gradient(circle at 70% 20%,#c5a56d,#42606b 53%,#142b30)}.vignette,.film-grain{position:absolute;inset:0;pointer-events:none}.vignette{background:linear-gradient(90deg,rgba(8,16,14,.71),rgba(7,18,17,.27) 30%,transparent 62%),linear-gradient(0deg,rgba(4,13,12,.7) 0%,transparent 21%,transparent 79%,rgba(5,15,17,.35) 100%)}.film-grain{opacity:.07;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='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen;z-index:2}.site-header{position:absolute;top:0;left:0;right:0;z-index:11;display:flex;align-items:center;gap:14px;padding:25px 35px 10px;pointer-events:none}.site-header button{pointer-events:auto}.brand-mark{width:38px;height:38px;border:1px solid #e2c99e;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);flex-shrink:0}.brand-inner{display:block;transform:rotate(-45deg);font-size:25px;color:#e9c98f}.brand-type{display:flex;flex-direction:column;gap:4px;letter-spacing:.16em}.brand-type strong{font-weight:600;font-size:11px}.brand-type em{color:var(--gold);font-style:normal}.brand-type small{font-size:8px;color:#e1d7c1;letter-spacing:.20em}.header-right{margin-left:auto;display:flex;gap:11px;align-items:center}.period-tag{border:1px solid var(--edge);background:rgba(11,22,20,.33);padding:12px 15px;font-size:9px;letter-spacing:.15em;white-space:nowrap}.status-dot{display:inline-block;height:6px;width:6px;background:#dcb776;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #efbb66}.round-btn{display:grid;place-items:center;height:38px;width:38px;border-radius:50%;border:1px solid var(--edge);background:rgba(11,22,20,.35);color:var(--paper);font-size:16px}.round-btn:hover,.icon-action:hover{border-color:var(--gold);color:var(--gold)}.intro-panel{position:absolute;left:4.35%;top:20%;z-index:8;width:min(410px,35vw);pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:.25em;color:var(--gold);font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow .rule{height:1px;width:25px;background:var(--gold)}.slash{color:#8c8775}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(50px,5.65vw,94px);line-height:.86;letter-spacing:-.035em;font-weight:500;margin:29px 0 22px;text-shadow:0 3px 30px rgba(0,0,0,.15)}h1 i{font-weight:400;color:#e6bd80;white-space:nowrap}.uk-title{font-size:9px;font-weight:700;letter-spacing:.16em;color:#eed3a4}.uk-title span{color:#a99c81;margin:0 8px}.intro-copy{color:#e0d9c7;font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;line-height:1.36;max-width:325px;margin:28px 0 25px}.intro-metadata{display:flex;gap:24px;font-size:9px;letter-spacing:.12em;color:#d4c8ad}.intro-metadata b{color:var(--gold)}.discover-btn{display:flex;align-items:center;justify-content:space-between;width:228px;padding:15px 18px;margin-top:27px;background:#deba7e;color:#17221e;border:none;font-size:10px;letter-spacing:.15em;font-weight:700;transition:background .2s,transform .2s}.discover-btn:hover{background:#efcc97;transform:translateY(-2px)}.discover-btn span{font-size:19px}.recon-note{margin-top:18px;font-size:9px;line-height:1.5;max-width:260px;color:#c7b99a;letter-spacing:.02em}.scene-nav{position:absolute;right:36px;top:27%;z-index:9;display:flex;flex-direction:column;align-items:stretch;width:186px;gap:0;pointer-events:auto}.nav-label{font-size:9px;letter-spacing:.24em;color:#ead29e;border-bottom:1px solid var(--edge);padding-bottom:15px;margin-bottom:8px}.scene-nav-item{border:0;border-left:1px solid rgba(223,213,185,.3);color:#e3d6bc;background:none;padding:12px 0 12px 13px;text-align:left;font-size:11px;letter-spacing:.025em;transition:.2s}.scene-nav-item span{color:#b89f73;margin-right:8px;font-size:9px}.scene-nav-item:hover,.scene-nav-item.selected{border-left:2px solid var(--gold);background:rgba(219,183,115,.07);color:#fff7e9}.inspection{position:absolute;z-index:10;right:35px;bottom:132px;width:276px;padding:20px 23px 20px;background:rgba(11,23,22,.83);border:1px solid var(--edge);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transform:translateY(13px);transition:opacity .24s,transform .24s}.inspection.show{opacity:1;pointer-events:auto;transform:none}.inspection-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--edge);padding-bottom:12px;font-size:9px;color:#ccb997;letter-spacing:.16em}.small-close{color:#e9d8b8;background:transparent;border:0;font-size:22px;line-height:12px}.inspection-kicker{font-size:9px;letter-spacing:.19em;color:var(--gold);display:block;margin:20px 0 8px}.inspection h2{font:500 31px/1 'Cormorant Garamond',Georgia,serif;margin:0 0 13px}.inspection p{font-size:11px;color:#d5cdb9;line-height:1.7}.fact-block{color:#dfc395;border-left:2px solid #be9760;padding:1px 0 1px 11px;font-size:11px;line-height:1.55;margin:14px 0}.interpretation{font-size:8px;letter-spacing:.16em;color:#9e9b88}.mode-indicator{position:absolute;bottom:130px;left:35px;z-index:8;color:#e4d6b9;font-size:9px;letter-spacing:.16em;text-shadow:0 0 15px #000;pointer-events:none}.control-dock{position:absolute;z-index:12;bottom:42px;left:35px;right:35px;min-height:68px;border:1px solid rgba(243,224,184,.28);background:rgba(12,22,22,.87);backdrop-filter:blur(18px);display:flex;align-items:center;padding:10px 16px;gap:17px;box-shadow:0 18px 65px rgba(1,9,10,.25)}.dock-section{display:flex;align-items:center;gap:15px}.water-section{min-width:256px}.dock-icon{font-size:35px;color:#d9b478}.dock-copy{display:flex;flex-direction:column;gap:7px;width:205px}.dock-copy strong,.dock-copy small{font-size:9px;letter-spacing:.11em}.dock-copy strong span{color:#c8b488;font-size:8px;margin-left:10px}.dock-copy small{display:flex;justify-content:space-between;color:#d4c5a7}.dock-copy small span{color:#e3ba79}input[type=range]{width:100%;height:3px;cursor:pointer;accent-color:#e3bd80;margin:0}.dock-divider{height:36px;border-left:1px solid var(--edge)}.toggle-section{flex:1;justify-content:center;gap:4px}.toggle-btn{height:45px;padding:0 13px;display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;color:#ded2b9;font-size:9px;white-space:nowrap;letter-spacing:.09em;font-weight:600;transition:.15s}.toggle-btn:hover,.toggle-btn.active{background:rgba(227,190,127,.09);border-color:rgba(227,190,127,.25)}.button-symbol{color:#dbb776;font-size:19px;font-weight:400}.tools-section{gap:7px}.icon-action{height:38px;width:38px;display:grid;place-items:center;border:1px solid var(--edge);background:transparent;color:#dfd0b4;font-size:20px}.icon-action.active{background:rgba(230,187,115,.11);border-color:#cba76f;color:#e5c68d}.lower-caption{position:absolute;left:35px;right:35px;bottom:13px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#d5c4a3;z-index:10;pointer-events:none}.lower-caption b{color:#f2d5a2}.lower-caption i{font-size:8px;color:#dcb77b}.hotspot{position:absolute;z-index:7;transform:translate(-50%,-50%);border:0;background:none;padding:12px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;transition:opacity .3s}.hotspot .pulse{position:relative;border:1px solid rgba(255,230,180,.82);background:rgba(210,168,101,.18);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 6px rgba(210,168,101,.09),0 0 18px rgba(255,212,142,.24)}.hotspot .pulse:after{content:'';width:5px;height:5px;border-radius:50%;background:#ffe1ac;box-shadow:0 0 9px #ffe1ac}.hotspot .tag{padding:5px 9px;color:#f8e8c8;background:rgba(9,17,17,.78);border:1px solid rgba(247,216,167,.3);font-size:8px;letter-spacing:.13em;text-transform:uppercase;opacity:.72;transition:opacity .2s}.hotspot:hover .tag{opacity:1;background:#392c20}.hotspot:hover .pulse{background:rgba(223,191,133,.4)}.hotspot[hidden]{display:none!important}.help-dialog{max-width:575px;width:calc(100% - 40px);max-height:85vh;background:#172321;color:#f4e9d4;border:1px solid #9c845d;padding:32px;box-shadow:0 35px 100px #0008;overflow:auto}.help-dialog::backdrop{background:rgba(4,12,13,.78);backdrop-filter:blur(8px)}.help-dialog form{position:relative}.help-dialog h2{font:500 54px/.96 'Cormorant Garamond',serif;margin:18px 0}.help-dialog p{font-size:13px;line-height:1.7;color:#d3c8b3}.dialog-close{position:absolute;top:-12px;right:-8px;color:#eecf92;border:0;background:transparent;font-size:28px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.guide-grid div{border-top:1px solid #6b6554;padding-top:10px;display:flex;flex-direction:column;gap:5px}.guide-grid span{font-size:10px;color:#dcb776}.guide-grid b{font:500 22px 'Cormorant Garamond',serif}.guide-grid small{font-size:11px;color:#c8bda7}.help-footer{font-size:11px!important}.close-guide{background:#ddbc83;border:0;color:#15201d;padding:13px 22px;font-size:10px;letter-spacing:.14em;font-weight:700;margin-top:15px}#loading{position:absolute;z-index:100;inset:0;display:flex;flex-direction:column;gap:17px;align-items:center;justify-content:center;background:radial-gradient(circle at center,#284039,#0c191a 60%);transition:opacity 1s}#loading.loaded{opacity:0;pointer-events:none}.load-spinner{height:44px;width:44px;border:1px solid rgba(222,185,124,.26);border-top-color:#ecc993;border-radius:50%;animation:spin 1.3s linear infinite}.load-title{font:500 26px 'Cormorant Garamond',serif;letter-spacing:.08em}.load-title+div{font-size:9px;letter-spacing:.22em;color:#d8bd8e}@keyframes spin{to{transform:rotate(360deg)}}#errorBanner{position:absolute;z-index:200;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,90vw);padding:25px;background:#2d241e;border:1px solid #ca9a64;box-shadow:0 12px 60px #0007;font-size:13px;line-height:1.5}#errorBanner[hidden]{display:none}#errorBanner code{background:#0004;padding:2px 4px}
@media(max-width:1100px){.intro-panel{width:min(330px,37vw)}h1{font-size:clamp(48px,5.6vw,72px)}.scene-nav{right:24px;top:22%;width:170px}.toggle-btn{padding:0 8px}.control-dock{gap:8px}.water-section{min-width:195px}.dock-copy{width:158px}.inspection{right:24px}}
@media(max-width:770px){.site-header{padding:16px 17px;gap:10px}.brand-mark{height:29px;width:29px}.brand-inner{font-size:19px}.brand-type strong{font-size:9px}.brand-type small{font-size:7px}.period-tag{display:none}.intro-panel{left:19px;top:100px;width:min(310px,70vw)}.intro-panel h1{font-size:clamp(42px,10.2vw,73px);margin:17px 0 15px}.intro-copy{font-size:16px;max-width:280px;margin:17px 0}.intro-metadata{flex-direction:column;gap:7px;font-size:8px}.discover-btn{margin-top:19px;padding:11px 14px;width:205px}.recon-note{font-size:8px;margin-top:13px;max-width:205px}.scene-nav{right:10px;top:100px;width:118px}.scene-nav-item{padding:10px 0 10px 7px;font-size:9px}.scene-nav-item span{margin-right:4px;font-size:8px}.nav-label{font-size:7px;letter-spacing:.1em}.control-dock{left:8px;right:8px;bottom:30px;flex-wrap:wrap;justify-content:space-around;gap:6px;padding:7px;min-height:auto}.water-section{width:100%;padding:0 10px}.dock-copy{width:auto;flex:1}.dock-icon{font-size:28px}.dock-divider{display:none}.toggle-section{justify-content:space-between;width:100%;flex:1}.toggle-btn{font-size:8px;height:33px;padding:0 7px;gap:5px}.button-symbol{font-size:15px}.tools-section{width:100%;justify-content:center}.icon-action{height:30px;width:34px;font-size:17px}.lower-caption{left:10px;right:10px;bottom:7px;font-size:6px}.mode-indicator{left:15px;bottom:166px;font-size:7px}.inspection{bottom:169px;right:12px;width:min(280px,70vw);padding:14px}.inspection h2{font-size:26px}.inspection p{font-size:10px}.inspection .fact-block{font-size:10px}.inspection-kicker{margin-top:13px}.hotspot .tag{display:none}}
@media(max-height:690px) and (min-width:771px){.intro-panel{top:17%}.intro-panel h1{font-size:64px;margin:16px 0}.intro-copy{margin:13px 0}.discover-btn{margin-top:14px}.recon-note{display:none}.scene-nav{top:20%}}
@media(max-width:420px){.intro-panel{top:93px;width:230px}.intro-panel h1{font-size:44px}.intro-copy{font-size:14px;max-width:210px}.intro-metadata{font-size:7px}.recon-note{display:none}.scene-nav{top:110px;right:8px;width:102px}.scene-nav-item{font-size:8px}.toggle-btn{font-size:7px}.brand-type small{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.intro-panel{transition:opacity .65s,transform .65s}.intro-panel.explored{opacity:0;pointer-events:none;transform:translateX(-20px)}.hotspot.selected .pulse{background:rgba(251,197,116,.54);box-shadow:0 0 0 9px rgba(227,175,89,.12),0 0 28px #e9be81}.hotspot.selected .tag{opacity:1;border-color:#e5b776}