@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{color-scheme:dark;--ivory:#fff5e0;--muted:#d8d1be;--gold:#d5b16c;--line:rgba(246,236,208,.23);--panel:#202820;--font:'DM Sans',sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:#262d28;color:var(--ivory);font-family:var(--font);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid #f2d69a;outline-offset:6px}button:hover{filter:brightness(1.17)}button:disabled{opacity:.45;cursor:wait}button[hidden],[hidden]{display:none!important}a{color:inherit}#experience{position:relative;height:100svh;min-height:650px;overflow:hidden}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,25,23,.54),transparent 59%),linear-gradient(0deg,rgba(12,24,22,.91),transparent 40%,transparent 78%,rgba(14,26,23,.35));transition:opacity 1s}.topbar{position:absolute;left:4%;right:4%;top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:14px;align-items:center;text-decoration:none}.brand-mark{color:var(--gold);font-size:46px;font-weight:400;line-height:1}.brand>span:last-child{font-family:var(--serif);font-size:35px;line-height:1}.brand-sub{display:block;margin-top:10px;font:9px var(--font);letter-spacing:2.2px}.place-label{font-size:12px;letter-spacing:4px;text-align:center;line-height:1.7}.place-label span{display:block;font-size:11px;letter-spacing:.5px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:25px}.text-button{padding:10px 0;background:none;font-size:14px}.text-button span{margin-left:12px;color:var(--gold)}.icon-button{height:42px;min-width:42px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:22px;position:relative}.side-label{position:absolute;left:4%;top:30%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:3px;color:#eee4cbbb}.atmosphere{position:absolute;right:4%;top:128px}.atmosphere button{background:rgba(20,34,30,.35);backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid var(--line);border-radius:30px;font-size:12px}.atmosphere button>span:first-child{font-size:19px;color:var(--gold)}.switch-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;margin-left:10px}.introduction{position:absolute;left:8.2%;bottom:151px;max-width:455px;pointer-events:none}.introduction button{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:2.1px;font-weight:550;color:#f0deb8}.fine-line{height:1px;width:29px;background:var(--gold)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,5vw,76px);line-height:1.11;letter-spacing:-2.3px;margin:22px 0 18px;text-wrap:balance}h1 em{font-weight:400;color:#e8c98d}#scene-description{font-size:14px;line-height:1.8;color:#e4dfd1;max-width:325px;margin:0 0 25px}.primary-actions{display:flex;align-items:center;gap:23px}.primary{background:var(--ivory);color:#28352e;padding:16px 23px;border-radius:3px;font-weight:550;font-size:13px;min-width:153px;display:flex;justify-content:space-between;gap:24px}.primary span{font-size:20px;line-height:16px}.tour-button{background:none;font-size:12px;display:flex;align-items:center;gap:10px;padding:12px 0}.tour-button>span:first-child{font-size:20px;color:var(--gold)}.map-card{position:absolute;bottom:147px;right:4%;width:147px;padding:17px 17px 14px;border:1px solid var(--line);border-radius:3px;background:#23342b44;backdrop-filter:blur(8px)}.map-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;color:#d7d4c3}.map-heading span:last-child{color:var(--gold);letter-spacing:0}.map-card svg{width:100%;height:120px;margin:8px 0}.map-outline{fill:none;stroke:#bbbbaa;stroke-width:1.2}.map-route{fill:none;stroke:#d8ba79;stroke-width:1;stroke-dasharray:3 4;opacity:.6}.map-columns{fill:#b5baaa}#map-position{fill:#f2cb80;stroke:#363e2c;stroke-width:3;transition:cx .7s,cy .7s}.map-card>span{display:block;font:italic 13px var(--serif);text-align:center}.bottom-bar{position:absolute;left:4%;right:4%;bottom:47px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;gap:20px}#chapters{display:flex;gap:clamp(12px,2.6vw,40px)}#chapters button{position:relative;padding:8px 0;background:none;font-size:12px;color:#cecfc5;white-space:nowrap}#chapters button span{margin-right:9px;font-size:9px;opacity:.7;color:var(--gold)}#chapters button.active{color:#fff2d5}#chapters button.active:before{content:'';height:2px;background:var(--gold);position:absolute;left:0;right:0;top:-22px}.utility{display:flex;gap:12px}.utility .icon-button{width:36px;height:36px;min-width:36px;font-size:17px;border-color:#ffffff20}.sound-slash{position:absolute;color:var(--gold);font-size:23px;transform:rotate(-20deg)}.control-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;display:flex;gap:9px;align-items:center;font-size:10px;white-space:nowrap;color:#c7cfc3a6;letter-spacing:.2px}.control-hint>span:first-child{color:var(--gold)}.art-hotspot{position:absolute;right:26%;top:44%;background:#19261edd;border:1px solid var(--line);border-radius:30px;padding:10px 16px 10px 10px;display:flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 2px 30px #0003}.art-hotspot span{border:1px solid var(--gold);color:var(--gold);border-radius:50%;height:25px;width:25px;display:grid;place-items:center}.chrome{transition:opacity .35s,visibility .35s}.ui-hidden .chrome{opacity:0;visibility:hidden}.ui-hidden .vignette{opacity:0}.restore-ui{position:absolute;bottom:24px;right:24px;background:#202b22bb;border:1px solid var(--line);padding:13px 18px;border-radius:3px;font-size:13px}#loading{position:absolute;inset:0;z-index:9;background:#202923;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .7s}.loading-mark{font-size:60px;color:var(--gold);animation:breathe 2s infinite}#loading p{font:27px var(--serif);margin:18px 0 10px}#loading>span:last-child{font-size:11px;letter-spacing:2px;color:var(--muted)}@keyframes breathe{50%{opacity:.45}}#fallback{position:absolute;inset:150px 10% auto;z-index:10;padding:30px;background:var(--panel)}#fallback p{max-width:500px;line-height:1.8}#fallback button{padding:15px;background:var(--gold);color:var(--panel)}#toast{position:absolute;top:110px;left:50%;transform:translate(-50%,-10px);opacity:0;pointer-events:none;background:#1d2a24ed;border:1px solid var(--line);padding:13px 20px;font-size:13px;border-radius:4px;transition:.3s}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:#f3eee3;color:#2f3c31;border:0;max-height:90svh;width:min(860px,90vw);padding:0;border-radius:4px;box-shadow:0 40px 140px #0009}dialog::backdrop{background:#0c1b17c4;backdrop-filter:blur(8px)}.close-button{position:absolute;right:18px;top:16px;border-radius:50%;background:#26392d;color:#f3eee3;font-size:27px;width:38px;height:38px;z-index:1}#detail-body{padding:48px}#detail-body h2{font:40px/1.15 var(--serif);margin:10px 0 24px}#detail-body h3{font:24px var(--serif);margin:28px 0 12px}#detail-body p,#detail-body li{font-size:15px;line-height:1.85;color:#4d594e}#detail-body .eyebrow{color:#8b6c33}#detail-body a{color:#5d4d2b;text-underline-offset:4px}.source-links{display:grid;gap:12px;padding-top:12px;font-size:14px}.modal-note{border-top:1px solid #30433230;padding-top:18px;font-size:12px!important}.art-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.art-large{aspect-ratio:2/3;background-image:url('./assets/icons.png');background-size:300% 100%;border:7px solid #ae8642;box-shadow:0 10px 30px #1e35243a}.art-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.art-tabs button{background:#e2dac9;color:#314033;padding:10px 12px;border-radius:3px;font-size:12px}.art-tabs button.selected{background:#2e4233;color:#fff5e0}.brief-link{display:inline-block;background:#2e4233;color:#fff5e0!important;padding:14px 18px;text-decoration:none;border-radius:3px;font-size:14px;margin-top:14px}.reduced-label{display:flex;gap:10px;align-items:center;font-size:14px;margin-top:25px}.no-script{position:fixed;z-index:99;inset:0;padding:20%;background:#26372d}.no-script a{display:block;margin-top:20px}
@media(min-width:1500px){.introduction{bottom:170px;max-width:550px}.map-card{bottom:165px}.topbar{top:38px}}
@media(max-width:1000px){.place-label{display:none}.introduction{left:6%;max-width:360px}h1{font-size:53px}.map-card{width:120px}.map-card svg{height:100px}.map-heading{font-size:7px}.side-label{display:none}#chapters{gap:20px}#chapters button{font-size:11px}#chapters button span{margin-right:5px}.topbar{left:5%;right:5%}.atmosphere{right:5%}}
@media(max-width:650px){#experience{min-height:600px}.topbar{top:22px}.brand>span:last-child{font-size:30px}.brand-mark{font-size:37px}.brand-sub{font-size:8px;margin-top:7px;letter-spacing:1.4px}.top-actions{gap:15px}.text-button{font-size:12px}#fullscreen{display:none}.atmosphere{top:96px}.atmosphere button{padding:8px 12px;font-size:11px}.introduction{left:6%;right:6%;bottom:168px;max-width:360px}h1{font-size:44px;letter-spacing:-1.5px;margin:16px 0 12px}#scene-description{font-size:12px;max-width:285px;line-height:1.7;margin-bottom:18px}.eyebrow{font-size:9px;gap:10px;letter-spacing:1.5px}.primary{padding:14px 17px;font-size:12px;min-width:135px}.primary-actions{gap:20px}.tour-button{font-size:11px}.map-card{display:none}.bottom-bar{left:6%;right:6%;bottom:63px;padding-top:15px;display:block}#chapters{justify-content:space-between;gap:5px}#chapters button{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:7px;white-space:normal;text-align:center}#chapters button span{margin:0;font-size:9px}#chapters button.active:before{top:-17px}.utility{position:absolute;right:0;bottom:-46px;gap:6px}.utility .icon-button{height:29px;min-width:29px;width:29px;font-size:15px}.control-hint{bottom:27px;left:6%;transform:none;font-size:9px;gap:6px}.desktop-hint{display:none}.art-hotspot{right:8%;top:35%;font-size:11px}.vignette{background:linear-gradient(0deg,#101f1bf2,transparent 65%),linear-gradient(180deg,#15251c66,transparent 25%)}#detail-body{padding:45px 25px 30px}#detail-body h2{font-size:32px}#detail-body p,#detail-body li{font-size:14px}.art-layout{grid-template-columns:1fr;gap:20px}.art-large{width:190px;margin:auto}dialog{max-height:92svh}.art-tabs{margin:15px 0}.source-links{font-size:13px}}
.primary,.tour-button,#chapters button,.text-button{font-size:14px}.control-hint{font-size:11px}.art-hotspot{font-size:14px}
@media(max-width:650px){#chapters button{font-size:12px}.tour-button,.text-button{font-size:13px}.control-hint{font-size:9px}.eyebrow{font-size:11px;letter-spacing:1px}#scene-description{font-size:14px;max-width:300px}.art-hotspot{font-size:12px}}
@media(max-height:700px) and (min-width:651px){#experience{min-height:560px}.introduction{bottom:136px}h1{font-size:48px}.map-card{bottom:130px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}