:root{font-family:'DM Sans',Arial,sans-serif;color:#f3eee4;background:#091b20;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--gold:#d5b47a;--muted:#a2acac;--panel:rgba(8,25,29,.84)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}#app{position:fixed;inset:0;overflow:hidden}#app canvas{width:100%;height:100%;display:block;touch-action:none}.screen-grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.105;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".55"/%3E%3C/svg%3E')}.vignette{position:fixed;inset:0;pointer-events:none;z-index:3;background:linear-gradient(90deg,rgba(6,18,22,.74),rgba(6,18,22,.24) 28%,transparent 58%),linear-gradient(0deg,rgba(5,15,18,.75),transparent 24%,transparent 72%,rgba(4,16,19,.41));opacity:1}.site-header{position:fixed;z-index:10;left:0;right:0;top:0;height:88px;padding:0 clamp(25px,4vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(225,218,195,.19)}.wordmark{display:flex;align-items:center;gap:12px}.mark{color:var(--gold);font-size:36px;line-height:1}.wordmark-type{font-size:13px;font-weight:700;letter-spacing:.21em;line-height:1.2}.wordmark-type small{display:block;color:var(--gold);font-weight:500;font-size:8px;letter-spacing:.31em;margin-top:8px}.header-center{font-size:9px;letter-spacing:.22em;display:flex;align-items:center;gap:18px;color:#d5d1c4}.header-rule{width:24px;border-top:1px solid rgba(233,223,199,.43)}.header-actions{display:flex;align-items:center;gap:16px}.edition{font-size:9px;letter-spacing:.15em;color:var(--gold);white-space:nowrap}.icon-button{border:1px solid rgba(255,255,255,.22);width:38px;height:38px;color:#e9e4d9;background:rgba(5,19,22,.24);font-size:23px;border-radius:50%;display:grid;place-items:center;transition:background .2s,border-color .2s}.icon-button:hover{background:#314746;border-color:var(--gold)}.top-rail{position:fixed;top:109px;left:clamp(25px,4vw,72px);right:clamp(25px,4vw,72px);z-index:5;display:flex;justify-content:space-between;color:rgba(237,228,207,.65);font-size:9px;letter-spacing:.22em}.top-rail i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--gold);margin:0 12px;vertical-align:middle}.intro{position:fixed;z-index:5;top:50%;left:clamp(25px,7.1vw,136px);width:min(525px,48vw);transform:translateY(-43%);transition:opacity .35s,transform .5s;pointer-events:auto}.intro.hidden{opacity:0;transform:translate(-24px,-43%);pointer-events:none}.chapter{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:10px;letter-spacing:.27em;font-weight:700}.sunburst{font-size:24px}.thin-line{width:38px;height:1px;background:var(--gold);opacity:.55}.headline-kicker{margin-top:25px;font-size:11px;letter-spacing:.28em;color:#e3d5b7}.intro h1{font:500 clamp(95px,12.4vw,205px)/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:-.062em;margin:8px 0 3px;text-shadow:0 7px 40px rgba(0,0,0,.2)}.i-dot{letter-spacing:-.1em}.headline-dot{color:var(--gold)}.headline-secondary{font:500 clamp(25px,3.25vw,49px)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:.009em;white-space:nowrap;color:#f4ede1}.lead{font-size:13px;line-height:1.94;color:#e2ded0;max-width:450px;margin-top:25px}.intro-meta{display:flex;align-items:center;gap:27px;margin:28px 0 31px}.intro-meta span{font-size:9px;letter-spacing:.13em;color:#bbc3bb;padding-right:26px;border-right:1px solid rgba(233,231,210,.27);white-space:nowrap}.intro-meta span:last-child{border:0;padding:0}.intro-meta strong{display:block;font-size:18px;letter-spacing:.04em;color:var(--gold);font-weight:500;margin-bottom:6px}.primary-button{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(220,184,126,.95);width:min(300px,100%);padding:18px 19px 18px 24px;background:var(--gold);color:#142224;letter-spacing:.16em;font-size:10px;font-weight:700;transition:transform .2s,background .2s}.primary-button:hover{background:#f0d398;transform:translateY(-2px)}.primary-button .arrow{font-size:21px;line-height:10px}.disclaimer{font-size:9px;letter-spacing:.035em;color:#a2b2ad;margin-top:18px}.side-index{position:fixed;z-index:5;right:clamp(25px,4vw,72px);top:37%;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:10px;color:var(--gold);letter-spacing:.1em}.side-index-track{height:110px;width:1px;background:rgba(255,255,255,.27)}.side-index-track i{display:block;height:28px;background:var(--gold);width:2px;margin-left:-.5px}.footer{position:fixed;bottom:42px;left:clamp(25px,4vw,72px);right:clamp(25px,4vw,72px);z-index:9;display:flex;align-items:center;justify-content:space-between;gap:14px}.foot-left{display:flex;align-items:center;gap:16px;min-width:180px}.compass{width:40px;height:40px;position:relative;border:1px solid rgba(221,207,169,.38);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.compass:before,.compass:after{content:'';position:absolute;background:rgba(219,192,153,.5)}.compass:before{width:1px;height:45px}.compass:after{width:45px;height:1px}.compass-cross{z-index:2;background:#1e3b3b;padding:4px}.compass small{position:absolute;top:-19px;font-size:8px}.foot-coordinate{font-size:9px;letter-spacing:.15em;color:#c5c4b4}.controls{display:flex;align-items:center;padding:6px;background:rgba(6,24,28,.8);border:1px solid rgba(232,212,167,.26);backdrop-filter:blur(18px);box-shadow:0 14px 55px rgba(0,0,0,.23);gap:2px}.controls button{border:0;border-right:1px solid rgba(255,255,255,.09);background:transparent;color:#dee1d7;padding:9px 13px;min-width:65px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:8px;letter-spacing:.11em;white-space:nowrap;transition:color .2s,background .2s}.controls button:last-child{border-right:0}.controls button:hover,.controls button[data-active="true"]{color:var(--gold);background:rgba(198,168,113,.1)}.control-icon{font-size:19px;line-height:21px;letter-spacing:normal}.foot-right{min-width:170px;display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#e4e4d7;font-size:9px;letter-spacing:.15em;white-space:nowrap}.live-pulse{width:5px;height:5px;background:#9ed7b2;border-radius:50%;box-shadow:0 0 12px #9ed7b2}.bottom-credit{position:fixed;bottom:10px;left:clamp(25px,4vw,72px);right:clamp(25px,4vw,72px);z-index:5;display:flex;justify-content:space-between;border-top:1px solid rgba(211,207,187,.22);padding-top:10px;font-size:8px;letter-spacing:.2em;color:rgba(219,224,215,.55)}.bottom-credit span{color:var(--gold)}.details{position:fixed;z-index:8;top:19%;right:clamp(30px,8vw,160px);width:min(350px,34vw);padding:35px;background:rgba(7,29,34,.92);border:1px solid rgba(216,189,148,.31);box-shadow:0 24px 90px #00171ab8;backdrop-filter:blur(20px);opacity:0;pointer-events:none;transform:translateX(16px);transition:opacity .3s,transform .3s}.details.open{opacity:1;pointer-events:auto;transform:translateX(0)}.details-close{position:absolute;top:12px;right:17px;background:transparent;border:none;font-size:28px;color:#e6d6bc}.details-index{font-size:10px;color:var(--gold);letter-spacing:.23em}.details h2{font:500 47px/1.06 'Cormorant Garamond',Georgia,serif;margin:18px 0 20px}.details-hairline{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin-bottom:23px}.details p{line-height:1.9;color:#dfddd0;font-size:12px}.details-fact{margin-top:25px;padding-left:12px;border-left:2px solid var(--gold);color:#cbb892;font:italic 20px/1.25 'Cormorant Garamond',Georgia,serif}.text-button{border:0;background:none;color:var(--gold);letter-spacing:.17em;font-size:9px;padding:25px 0 0;display:flex;justify-content:space-between;width:100%}.text-button span{font-size:19px}.hotspots{position:fixed;inset:0;pointer-events:none;z-index:6}.hotspot{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,219,152,.82);background:rgba(7,24,28,.65);color:#f0dbb8;font-size:15px;box-shadow:0 0 0 7px rgba(222,182,117,.09),0 0 20px #ffdeb13c;transition:opacity .2s,background .2s,transform .2s}.hotspot:after{content:attr(data-label);position:absolute;left:38px;top:50%;transform:translateY(-50%);background:rgba(5,21,24,.81);padding:7px 10px;color:#f6ead3;font:10px 'DM Sans',Arial,sans-serif;letter-spacing:.11em;white-space:nowrap;border:1px solid rgba(215,180,122,.2);opacity:0;pointer-events:none;transition:opacity .2s}.hotspot:hover,.hotspot:focus-visible{background:#ba9566;transform:translate(-50%,-50%) scale(1.14)}.hotspot:hover:after,.hotspot:focus-visible:after{opacity:1}.tip{position:fixed;z-index:5;left:50%;transform:translateX(-50%);bottom:138px;font-size:10px;letter-spacing:.09em;text-align:center;color:#e0dfd3;background:rgba(5,25,26,.62);padding:8px 14px;border:1px solid rgba(230,223,211,.12);pointer-events:none;transition:opacity .5s}.tip.hidden{opacity:0}.loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#081a20;z-index:100;transition:opacity 1s;pointer-events:auto}.loading.done{opacity:0;pointer-events:none}.loading-mark{font-size:58px;color:var(--gold);margin-bottom:24px;animation:spin 12s linear infinite}.loading-eyebrow{font-size:9px;letter-spacing:.31em;color:var(--gold)}.loading h2{font:400 48px 'Cormorant Garamond',Georgia,serif;margin:14px 0 28px}.loading-track{height:2px;width:220px;background:#314344}.loading-track span{display:block;height:2px;background:var(--gold);width:8%;transition:width .25s}.loading p{font-size:10px;letter-spacing:.08em;color:#95aaa5;margin-top:19px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media (max-width:1200px){.header-center{display:none}.foot-coordinate,.foot-right{display:none}.intro{width:min(500px,55vw)}.controls button{padding:9px 10px}.details{right:42px}}@media (max-width:760px){.site-header{height:64px;padding:0 18px}.wordmark-type{font-size:10px}.wordmark-type small{font-size:7px}.mark{font-size:30px}.edition{display:none}.header-actions{gap:8px}.icon-button{height:33px;width:33px}.top-rail{top:82px;left:18px;right:18px;font-size:7px;letter-spacing:.07em}.top-rail span:last-child{display:none}.intro{top:37%;transform:translateY(-35%);left:22px;width:calc(100vw - 44px)}.intro.hidden{transform:translate(-20px,-35%)}.chapter{font-size:8px;gap:9px}.headline-kicker{font-size:9px;margin-top:15px}.intro h1{font-size:clamp(83px,25vw,140px)}.headline-secondary{font-size:30px;white-space:normal}.lead{font-size:12px;line-height:1.65;max-width:350px}.intro-meta{gap:13px;margin:20px 0}.intro-meta span{font-size:7px;padding-right:13px}.intro-meta strong{font-size:14px}.primary-button{padding:14px 17px;width:270px}.footer{bottom:34px;left:10px;right:10px;justify-content:center}.foot-left{display:none}.controls{width:100%;overflow-x:auto;justify-content:space-around;gap:0;scrollbar-width:none}.controls button{min-width:55px;font-size:7px;padding:7px 6px}.control-icon{font-size:17px}.bottom-credit{left:13px;right:13px;font-size:6px;letter-spacing:.07em}.bottom-credit span{display:none}.side-index{display:none}.details{top:auto;bottom:119px;left:14px;right:14px;width:auto;max-height:53vh;overflow:auto;padding:24px}.details h2{font-size:40px;margin:12px 0}.details p{font-size:12px;line-height:1.65}.details-fact{font-size:17px;margin-top:15px}.tip{bottom:128px;width:90%;font-size:8px}.hotspot{width:25px;height:25px}.hotspot:after{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.hotspot[data-selected="true"]{background:var(--gold);color:#183032;border-color:#fff1ca;box-shadow:0 0 0 8px rgba(222,182,117,.13),0 0 22px #f4d49c88}