@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--red:#9c3026;--gold:#c4a269;--paper:#e8dfcd;--ink:#151610;--muted:#a99f8c;--line:#e8dfcd2c}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--paper);font-family:'Noto Serif SC',serif;overflow:hidden}.noise{position:fixed;z-index:99;inset:0;pointer-events:none;opacity:.1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}header{position:fixed;z-index:40;top:0;left:0;right:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid var(--line);background:#12130ee6;backdrop-filter:blur(12px)}.logo{color:inherit;text-decoration:none;display:flex;align-items:center;gap:18px}.logo b{font-size:21px;letter-spacing:.2em}.logo span{font-size:9px;color:var(--gold);letter-spacing:.22em;border-left:1px solid var(--line);padding-left:18px}.mode{font-size:10px;letter-spacing:.18em;color:var(--muted)}.mode i{display:inline-block;width:6px;height:6px;background:#6f9a6c;border-radius:50%;box-shadow:0 0 0 5px #6f9a6c22;margin-right:9px}header button{border:1px solid var(--line);background:none;color:var(--paper);padding:9px 15px;font:10px inherit;cursor:pointer}.world,.opening,.site{height:100vh}.opening{position:relative;z-index:10;transition:transform .9s cubic-bezier(.75,0,.25,1)}.opening.out{transform:translateY(-100%)}.opening>img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:reveal 2s ease forwards}@keyframes reveal{to{transform:scale(1)}}.openingShade{position:absolute;inset:0;background:linear-gradient(90deg,#11120eec 0,#11120ea8 34%,transparent 68%),linear-gradient(0deg,#11120e8c,transparent 50%)}.openingCopy{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-44%)}.openingCopy>p,.siteHead>p,.detailPanel>p:first-of-type{color:var(--gold);font-size:10px;letter-spacing:.36em}.openingCopy h1{font-size:clamp(52px,6.8vw,100px);line-height:1.08;font-weight:500;margin:20px 0 30px}.openingMeta{display:grid;grid-template-columns:55px 130px 55px 130px;gap:8px;font-size:11px}.openingMeta span{color:#948b7a}.openingMeta b{font-weight:400}.openingCopy button{margin-top:38px;border:1px solid #d4c7aa;background:#151610b8;color:white;padding:15px 18px 15px 26px;font:13px inherit;letter-spacing:.15em;cursor:pointer}.openingCopy button strong{display:inline-grid;place-items:center;background:var(--red);width:28px;height:28px;border-radius:50%;margin-left:25px}.photoMark{position:absolute;right:3vw;bottom:30px;font-size:9px;letter-spacing:.24em}.site{position:absolute;inset:0;padding-top:74px;background:#222319;opacity:0;visibility:hidden;transition:opacity .7s}.site.active{opacity:1;visibility:visible}.sky{position:absolute;inset:74px 0 0;background:radial-gradient(circle at 50% 20%,#64634a 0,transparent 30%),linear-gradient(#303126,#181913)}.siteHead{position:absolute;z-index:2;left:4vw;top:115px}.siteHead h2{font-size:38px;font-weight:400;margin:10px 0}.siteHead span{font-size:11px;color:var(--muted)}.axis{position:absolute;inset:74px 0 0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.axisLine{position:absolute;left:50%;top:240px;height:2700px;width:1px;background:linear-gradient(transparent,var(--gold),var(--gold),transparent)}.scene{position:relative;width:100%;height:3050px;padding-top:290px}.place{position:relative;margin:0 auto 90px;width:min(680px,57vw);height:230px;cursor:pointer;perspective:1000px;transform:translateX(var(--offset));transition:.5s}.place:nth-child(even){--offset:12vw}.place:nth-child(odd){--offset:-12vw}.place:hover{transform:translateX(var(--offset)) translateY(-8px)}.placePhoto{position:absolute;inset:0;overflow:hidden;border:1px solid #ffffff28;background:#111;box-shadow:0 35px 60px #0007;transform:rotateX(2deg)}.placePhoto img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05);transition:.6s}.place:hover img{transform:scale(1.04);filter:saturate(1)}.placePhoto:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111b,transparent 65%)}.placeText{position:absolute;z-index:2;left:24px;bottom:22px}.placeText span{font-size:9px;color:var(--gold);letter-spacing:.25em}.placeText h3{font-size:28px;font-weight:400;margin:6px 0}.placeText p{font-size:10px;color:#c9c0ae;margin:0}.placeNo{position:absolute;z-index:3;right:-45px;top:50%;font:italic 54px Georgia;color:#d6c7a7;opacity:.5}.miniMap{position:fixed;z-index:5;right:3vw;top:125px;width:170px;padding:18px;border:1px solid var(--line);background:#151610c9;backdrop-filter:blur(10px)}.miniMap>b{font-size:10px;font-weight:400;color:var(--gold);letter-spacing:.17em}.miniMap ol{margin:15px 0 0;padding:0;list-style:none}.miniMap li{font-size:9px;color:#8f8777;padding:4px 0;cursor:pointer}.miniMap li.active{color:white}.legend{position:fixed;left:3vw;bottom:35px;display:flex;gap:20px;font-size:9px;color:#aaa18e}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.realDot{background:#6f9a6c}.relationDot{border:1px solid var(--gold)}.backOpening{position:fixed;right:3vw;bottom:30px;border:0;background:none;color:#b7ad9b;font:10px inherit;cursor:pointer}
.detail{position:fixed;z-index:60;inset:0;background:#11120e;display:grid;grid-template-columns:1.65fr .75fr;opacity:0;visibility:hidden;transform:scale(.96);transition:.55s}.detail.active{opacity:1;visibility:visible;transform:scale(1)}.detailVisual{--light-x:50%;--light-y:52%;position:relative;overflow:hidden;background:#080906;cursor:none;outline:none;touch-action:manipulation}.detailVisual>img{width:100%;height:100%;object-fit:cover;transition:filter .9s;animation:focus 1.2s ease}@keyframes focus{from{transform:scale(1.1)}to{transform:scale(1)}}.detailVisual:before{content:'';position:absolute;z-index:3;inset:0;background:radial-gradient(circle 155px at var(--light-x) var(--light-y),transparent 0 47%,#05060442 67%,#050604f2 100%);opacity:1;pointer-events:none;transition:opacity .7s ease}.detailVisual.full-lit:before{opacity:0}.detailVisual:after{content:'';position:absolute;z-index:4;inset:0;background:linear-gradient(90deg,transparent 70%,#11120e);pointer-events:none}.scan{position:absolute;z-index:2;top:0;bottom:0;width:1px;background:#fff5;box-shadow:0 0 25px white;animation:scan 3s ease-out forwards}@keyframes scan{from{left:0}to{left:100%;opacity:0}}.lightGuide{position:absolute;z-index:6;left:30px;bottom:28px;display:grid;gap:5px;padding:11px 14px;border-left:2px solid var(--gold);background:#0c0d09b8;color:#f0e7d6;pointer-events:none;transition:opacity .35s,transform .35s;backdrop-filter:blur(7px)}.lightGuide b{font-size:11px;font-weight:500;letter-spacing:.12em}.lightGuide span{font-size:9px;color:#bfb5a2;letter-spacing:.08em}.detailVisual.light-moving:not(.full-lit) .lightGuide{opacity:.32;transform:translateY(4px)}.detailVisual.full-lit .lightGuide{border-left-color:#8ca57d}.viewPhotoBtn{position:absolute;z-index:7;right:30px;top:30px;border:1px solid #ffffff50;background:#11120e99;color:white;padding:11px 16px;font:10px inherit;cursor:pointer}.detailPanel{position:relative;padding:9vh 3vw 3vh;background:radial-gradient(circle at 80% 0,#373424,transparent 35%),#161712;overflow:auto}.closeDetail{position:absolute;right:25px;top:20px;background:none;border:0;color:white;font-size:30px;cursor:pointer}.detailPanel h2{font-size:clamp(30px,3vw,50px);font-weight:400;margin:15px 0}.rule{width:45px;border-top:2px solid var(--red);margin:25px 0}.detailDesc{font-size:13px;line-height:2;color:#b8ae9b}.detailPanel dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;gap:14px;margin:25px 0}.detailPanel dt{font-size:8px;color:#807868;letter-spacing:.16em}.detailPanel dd{margin:3px 0 0;font-size:11px}.related>span{font-size:9px;color:var(--gold);letter-spacing:.22em}.related button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:#d5cab7;padding:13px 0;font:11px inherit;cursor:pointer}.related button:after{content:'↗';float:right;color:var(--red)}.detailNav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:28px}.detailNav button{border:0;background:none;color:#aaa08e;font:10px inherit;cursor:pointer}.detailNav button:last-child{text-align:right}.detailNav b{font:11px Georgia;color:var(--gold)}.tip{position:fixed;z-index:80;right:30px;top:95px;width:340px;background:#e4dac6;color:#1c1d17;padding:35px;box-shadow:0 30px 80px #0009;transform:translateX(120%);transition:.5s}.tip.active{transform:none}.tip button{position:absolute;right:12px;top:8px;border:0;background:none;font-size:22px}.tip>span{font-size:9px;color:var(--red);letter-spacing:.22em}.tip h3{font-size:24px;font-weight:500;line-height:1.5}.tip p{font-size:12px;line-height:1.8;color:#5d5a50}footer{position:fixed;z-index:45;left:3vw;bottom:8px;color:#716b5e;font-size:8px}
@media(max-width:760px){header{height:62px;padding:0 16px}.logo span,.mode{display:none}.openingCopy{left:24px;right:24px}.openingCopy h1{font-size:50px}.openingMeta{grid-template-columns:45px 1fr}.siteHead{left:20px;top:90px}.siteHead h2{font-size:30px}.miniMap{display:none}.scene{padding-top:250px}.place{width:76vw;height:180px;margin-bottom:75px}.place:nth-child(n){--offset:0px}.placeNo{right:-28px;font-size:38px}.legend{left:20px}.detail{grid-template-columns:1fr;grid-template-rows:43vh 57vh}.detailVisual{cursor:pointer}.detailVisual:before{background:radial-gradient(circle 100px at var(--light-x) var(--light-y),transparent 0 43%,#05060450 67%,#050604f2 100%)}.detailVisual:after{background:linear-gradient(0deg,#161712,transparent 30%)}.lightGuide{left:16px;bottom:15px;padding:8px 10px}.lightGuide b{font-size:9px}.lightGuide span{font-size:8px}.viewPhotoBtn{right:14px;top:14px;padding:8px 10px}.detailPanel{padding:30px 24px}.detailPanel h2{font-size:29px}.tip{left:18px;right:18px;width:auto}.backOpening{right:20px}footer{display:none}}
.mapStage{position:absolute;inset:74px 0 0;display:grid;place-items:center;padding:34px 19vw 34px 15vw}.mapCanvas{position:relative;height:min(82vh,920px);aspect-ratio:1/1;box-shadow:0 35px 100px #000b;border:1px solid #e8dfcd33;overflow:hidden;background:#20251d}.mapCanvas>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.08) brightness(.8)}.mapCanvas:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #071006aa}.mapPin{position:absolute;z-index:5;transform:translate(-50%,-50%);border:0;background:none;color:#181913;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:7px;filter:drop-shadow(0 2px 3px #0008)}.mapPin i{display:grid;place-items:center;width:27px;height:27px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--red);color:white;font:8px Georgia;box-shadow:0 0 0 4px #f3e8ceaa;transition:.3s}.mapPin span{padding:5px 8px;background:#f1e7d2ef;font-size:9px;white-space:nowrap;border-left:2px solid var(--red);transition:.3s}.mapPin:hover i{transform:rotate(-45deg) scale(1.25);box-shadow:0 0 0 7px #9c302644}.mapPin:hover span{background:#171813;color:white}.mapPin.featured i{animation:mapPulse 1.8s infinite}@keyframes mapPulse{50%{box-shadow:0 0 0 10px #9c302622}}.siteBoundary{position:absolute;z-index:2;left:5.2%;top:8.5%;width:18.2%;height:49%;border:2px dashed #e7c683;border-radius:45% 42% 8% 8%;background:#d4b06713;pointer-events:none}.north{position:absolute;z-index:4;right:18px;top:18px;color:white;font-size:9px;display:grid;place-items:center;text-shadow:0 1px 4px #000}.north i{display:block;font:24px Georgia;color:#efc772}.imageryCredit{position:absolute;z-index:7;right:8px;bottom:7px;color:#ddd;background:#10120dbb;padding:4px 6px;font:8px Arial;text-decoration:none}.miniMap{top:135px}.siteHead{z-index:8}.legend{z-index:8}
@media(max-width:760px){.mapStage{inset:62px 0 0;padding:145px 10px 65px}.mapCanvas{width:min(94vw,520px);height:auto}.siteHead{z-index:8}.siteHead span{font-size:9px}.mapPin span{font-size:7px;padding:3px 5px}.mapPin i{width:22px;height:22px}.historyMask span{font-size:7px}.legend{bottom:16px}}
.aiMap>img{filter:saturate(.72) contrast(1.08) brightness(.88) sepia(.08)}.mapPaper{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 20%,#e8d7b5 0,transparent 28%),radial-gradient(circle at 80% 75%,#bd9b69 0,transparent 30%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.45' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.2'/%3E%3C/svg%3E")}
.accurateMap{aspect-ratio:3/5}.accurateMap>img{filter:saturate(.92) contrast(1.02);object-fit:cover}.accurateMap:after{box-shadow:inset 0 0 45px #47382266}
.accurateMap .mapPin span{font-size:8px}.accurateMap .mapPin:nth-child(n+6) span{opacity:.72}.accurateMap .mapPin:hover span{opacity:1}
.detailVisual.full-lit{cursor:pointer}.detailVisual:after{opacity:1;transition:opacity .7s ease}.detailVisual.full-lit:after{opacity:0}

/* Map experience: editorial overview to full-screen exploration */
.site{overflow:hidden}.site .sky{background:radial-gradient(circle at 68% 38%,#5d5a4438 0,transparent 33%),linear-gradient(115deg,#1d1f17 0,#11130f 58%,#202118 100%)}
.siteIntro{position:absolute;z-index:7;left:5vw;top:50%;width:min(31vw,540px);transform:translateY(-44%);transition:opacity .6s ease,transform .85s cubic-bezier(.72,0,.22,1);pointer-events:auto}.siteIntro>p:first-child{margin:0 0 22px;color:var(--gold);font-size:10px;letter-spacing:.4em}.siteEyebrow{display:block;margin-bottom:16px;color:#aaa18f;font-size:11px;letter-spacing:.24em}.siteIntro h2{margin:0;color:#eee4d1;font-size:clamp(58px,5.7vw,98px);font-weight:500;line-height:.98;letter-spacing:.04em}.siteIntro h2 small{display:block;margin-bottom:10px;color:var(--gold);font-size:12px;font-weight:400;letter-spacing:.5em}.siteIntroCopy{margin:30px 0 0;max-width:500px;color:#aaa392;font-size:13px;line-height:2.05;text-align:justify}.siteIntroFacts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:28px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.siteIntroFacts div{padding:14px 15px 14px 0;border-right:1px solid var(--line)}.siteIntroFacts div+div{padding-left:15px}.siteIntroFacts div:last-child{border-right:0}.siteIntroFacts dt{color:#777063;font-size:8px;letter-spacing:.2em}.siteIntroFacts dd{margin:5px 0 0;color:#ddd2be;font-size:11px}.exploreMapBtn{display:flex;align-items:center;justify-content:space-between;width:230px;margin-top:28px;padding:10px 10px 10px 19px;border:1px solid #d8c9a44a;background:#d8c9a409;color:#eee3ce;font:12px inherit;letter-spacing:.15em;cursor:pointer;transition:.35s}.exploreMapBtn strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);font:16px Georgia;transition:.35s}.exploreMapBtn:hover{border-color:#d8c9a4;background:#d8c9a412}.exploreMapBtn:hover strong{transform:rotate(45deg)}.exploreNote{display:block;margin-top:11px;color:#6f695d;font-size:8px;letter-spacing:.14em}
.site .mapStage{position:absolute;z-index:6;top:74px;right:0;bottom:0;left:40vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(205px,13vw);gap:clamp(18px,2vw,36px);place-items:center;padding:38px 3.2vw 38px 2.5vw;overflow:hidden;background:#10120d26;transition:left .95s cubic-bezier(.72,0,.18,1),padding .95s cubic-bezier(.72,0,.18,1),background .7s ease;scrollbar-width:thin;scrollbar-color:#8f744e #151610}.site .mapCanvas{position:relative;justify-self:center;width:min(29vw,calc((100vh - 150px)*.6));height:auto;max-width:none;aspect-ratio:3/5;border:1px solid #e8dfcd36;box-shadow:0 32px 90px #000a;overflow:hidden;background:#20251d;cursor:zoom-in;transition:width .95s cubic-bezier(.72,0,.18,1),box-shadow .7s ease,border-color .7s ease,transform .5s ease}.site:not(.exploring) .mapCanvas:hover{transform:translateY(-4px);box-shadow:0 38px 105px #000c}.site .mapCanvas>img{width:100%;height:100%;object-fit:cover;display:block}.site #mapHotspots{position:absolute;z-index:5;inset:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.site .miniMap{position:relative;z-index:2;top:auto;right:auto;justify-self:stretch;width:100%;max-height:calc(100vh - 150px);padding:0 0 0 clamp(18px,2vw,32px);border:0;border-left:1px solid var(--line);background:transparent;backdrop-filter:none;overflow:auto;scrollbar-width:thin;scrollbar-color:#635944 transparent;opacity:1;transition:opacity .38s ease,transform .7s cubic-bezier(.72,0,.18,1)}.miniMapHead span{display:block;margin-bottom:10px;color:#686155;font:8px Georgia;letter-spacing:.22em}.miniMapHead b{display:block;color:var(--gold);font-size:13px;font-weight:500;letter-spacing:.12em}.miniMapHead p{margin:11px 0 16px;color:#777063;font-size:9px;line-height:1.8}.site .miniMap ol{display:grid;grid-template-columns:1fr;margin:0;padding:0;list-style:none}.site .miniMap li{padding:0}.site .miniMap li button{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;width:100%;padding:8px 0;border:0;border-top:1px solid #e8dfcd12;background:none;color:#a49b89;text-align:left;font-family:inherit;cursor:pointer;transition:.25s}.site .miniMap li button:hover{padding-left:6px;color:#eee4d1}.site .miniMap li i{color:var(--red);font:9px Georgia}.site .miniMap li span{display:grid;gap:2px}.site .miniMap li b{font-size:10px;font-weight:400}.site .miniMap li small{color:#625d52;font-size:7px;letter-spacing:.08em}.site .backOpening{position:fixed;z-index:10;right:auto;left:5vw;bottom:30px;color:#8d8576;transition:opacity .35s}.site .legend{z-index:15;left:32px;bottom:24px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.45s ease}.mapExploreHud{position:fixed;z-index:16;left:30px;top:96px;display:flex;align-items:center;gap:24px;opacity:0;pointer-events:none;transform:translateY(-12px);transition:.45s ease}.mapExploreHud button{padding:10px 14px;border:1px solid #e8dfcd30;background:#12130ed9;color:#ddd2be;font:9px inherit;letter-spacing:.11em;cursor:pointer;backdrop-filter:blur(10px)}.mapExploreHud>div{display:grid;gap:4px;padding-left:18px;border-left:1px solid #e8dfcd30;text-shadow:0 2px 12px #000}.mapExploreHud span{color:var(--gold);font:8px Georgia;letter-spacing:.24em}.mapExploreHud b{color:#eee4d1;font-size:16px;font-weight:400;letter-spacing:.14em}.mapScrollHint{position:fixed;z-index:16;right:30px;bottom:24px;display:flex;align-items:center;gap:10px;padding:9px 12px;background:#11120ec7;color:#c6bba8;opacity:0;pointer-events:none;transform:translateY(8px);transition:.45s ease;backdrop-filter:blur(8px)}.mapScrollHint i{color:var(--gold);font:22px Georgia;animation:scrollNudge 1.7s ease-in-out infinite}.mapScrollHint span{font-size:8px;line-height:1.5;letter-spacing:.12em}@keyframes scrollNudge{50%{transform:translateY(-5px)}}
.site.exploring .siteIntro{opacity:0;pointer-events:none;transform:translate(-45px,-44%)}.site.exploring .mapStage{left:0;grid-template-columns:100% 0;gap:0;place-items:start stretch;padding:0;overflow-x:hidden;overflow-y:auto;background:#0d0f0b;scroll-behavior:smooth}.site.exploring .mapCanvas{justify-self:stretch;width:100%;height:auto;border-color:transparent;box-shadow:none;cursor:default;transform:none}.site.exploring #mapHotspots{opacity:1;pointer-events:auto;transition-delay:.52s}.site.exploring .miniMap{opacity:0;pointer-events:none;transform:translateX(70px)}.site.exploring .backOpening{opacity:0;pointer-events:none}.site.exploring .legend,.site.exploring .mapExploreHud,.site.exploring .mapScrollHint{opacity:1;pointer-events:auto;transform:none;transition-delay:.55s}.site.exploring .mapPin{gap:11px}.site.exploring .mapPin i{width:38px;height:38px;font-size:10px;box-shadow:0 0 0 5px #f3e8cecc}.site.exploring .mapPin span{padding:8px 12px;font-size:11px!important;opacity:0!important;transform:translateX(-8px);pointer-events:none}.site.exploring .mapPin:hover span,.site.exploring .mapPin:focus-visible span{opacity:1!important;transform:none;background:#171813;color:#fff}.site.exploring .mapPin:focus-visible{outline:0}.site.exploring .mapPin:focus-visible i{box-shadow:0 0 0 8px #d8b57299}.site.exploring .north{right:28px;top:25px;font-size:11px}.site.exploring .north i{font-size:32px}
@media(max-width:980px){.site{overflow-y:auto}.siteIntro{position:relative;left:auto;top:auto;width:auto;min-height:100vh;padding:120px 7vw 80px;transform:none}.siteIntro h2{font-size:72px}.siteIntroCopy{max-width:650px}.site .mapStage{position:relative;top:auto;right:auto;bottom:auto;left:auto;grid-template-columns:1fr;gap:30px;min-height:100vh;padding:55px 7vw}.site .mapCanvas{width:min(64vw,470px)}.site .miniMap{display:block;justify-self:center;width:min(82vw,600px);max-height:none;padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}.site .miniMap ol{grid-template-columns:1fr 1fr;column-gap:22px}.site .backOpening{left:7vw}.site.exploring{overflow:hidden}.site.exploring .siteIntro{position:absolute;opacity:0;transform:translateX(-45px)}.site.exploring .mapStage{position:absolute;top:74px;right:0;bottom:0;left:0;grid-template-columns:100% 0;min-height:0;padding:0}.site.exploring .mapCanvas{width:100vw}.site.exploring .miniMap{display:block;padding:0;border:0}.mapExploreHud{left:16px}.mapExploreHud>div{display:none}.mapScrollHint{right:16px}.site.exploring .mapPin i{width:30px;height:30px;font-size:8px}.site.exploring .mapPin span{padding:6px 8px;font-size:9px!important}}
@media(max-width:760px){.siteIntro{padding:98px 24px 70px}.siteIntro>p:first-child{font-size:8px}.siteIntro h2{font-size:56px}.siteIntroCopy{font-size:12px;line-height:1.9}.siteIntroFacts dd{font-size:9px}.exploreMapBtn{width:100%}.site .mapStage{padding:42px 18px}.site .mapCanvas{width:min(86vw,440px)}.site .miniMap{width:86vw}.site .miniMap ol{grid-template-columns:1fr}.site .backOpening{left:24px}.site.exploring .mapStage{top:62px;padding:0}.site.exploring .mapCanvas{width:100vw}.site.exploring .legend{left:16px;bottom:15px}.mapExploreHud{top:76px}.mapExploreHud button{padding:8px 10px}.mapScrollHint{bottom:12px}.site.exploring .mapPin span{display:none}}
.site.exploring .mapPin:focus span{opacity:1!important;transform:none;background:#171813;color:#fff}.site.exploring .mapPin:focus{outline:0}.site.exploring .mapPin:focus i{box-shadow:0 0 0 8px #d8b57299}

/* Scene loading and image-switch performance */
.detailVisual>img{opacity:1;transition:filter .9s,opacity .28s ease}.detailVisual.image-loading>img,.detailVisual.image-error>img{opacity:0}.imageLoader{position:absolute;z-index:6;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:radial-gradient(circle at 50% 50%,#28291e 0,#0a0b08 46%,#050604 100%);color:#d8cdb8;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s}.imageLoader i{width:32px;height:32px;border:1px solid #d9c9aa33;border-top-color:var(--gold);border-radius:50%;animation:imageSpin .9s linear infinite}.imageLoader span{font-size:9px;letter-spacing:.2em}.detailVisual.image-loading .imageLoader,.detailVisual.image-error .imageLoader{opacity:1;visibility:visible}.detailVisual.image-loading .lightGuide,.detailVisual.image-error .lightGuide{opacity:0}.detailVisual.image-loading .viewPhotoBtn{opacity:.35;pointer-events:none}.detailVisual.image-error .imageLoader i{border:1px solid var(--red);animation:none;transform:rotate(45deg)}.detailVisual.image-error .imageLoader i:before,.detailVisual.image-error .imageLoader i:after{content:'';position:absolute;left:50%;top:7px;width:1px;height:16px;background:var(--red)}.detailVisual.image-error .imageLoader i:after{transform:rotate(90deg)}@keyframes imageSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.imageLoader i{animation:none}}
.imageLoader i{position:relative}