:root{--paper:#f3e6cf;--muted:#c7baa6;--amber:#dfa969;--border:rgba(243,230,207,.23);--base:#111b1f;--pane:rgba(16,25,29,.87)}*{box-sizing:border-box}html,body{width:100%;height:100%;padding:0;margin:0;background:#111b1f;color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.app{position:relative;width:100%;height:100%;min-height:480px;isolation:isolate;background:#19252b}#scene{width:100%;height:100%;display:block;touch-action:none}.grain{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,20,24,.9) 0%,rgba(11,20,24,.56) 20%,transparent 51%),linear-gradient(0deg,rgba(11,20,24,.83),transparent 29%),linear-gradient(180deg,rgba(11,20,24,.33),transparent 30%);pointer-events:none;z-index:3}.topbar{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:29px 42px;border-bottom:1px solid rgba(255,255,255,.15)}.brand{display:flex;gap:13px;align-items:center}.brand-emblem{color:var(--amber);font-size:37px;line-height:1}.brand-name{display:block;font-size:18px;letter-spacing:.17em;font-weight:700}.brand-sep{color:#aa8062}.brand-sub{display:block;font-size:8px;letter-spacing:.25em;margin-top:6px;color:var(--muted)}.topright{display:flex;align-items:center;gap:22px}.edition{font-size:10px;letter-spacing:.17em;color:#d4c8b8}.number-dot{color:var(--amber)}.lang-btn,.iconbutton{border:1px solid var(--border);background:rgba(22,33,38,.44);height:34px;min-width:40px;border-radius:2px;font-size:10px;letter-spacing:.14em}.iconbutton{font-size:23px}.intro{z-index:6;position:absolute;top:34%;left:5.5%;width:min(365px,33vw);transform:translateY(-23%);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.21em;color:var(--amber);display:flex;gap:13px;align-items:center;font-weight:700}.line{height:1px;width:27px;background:var(--amber)}.intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(65px,8.7vw,135px);line-height:.99;letter-spacing:.055em;margin:18px 0 6px;text-shadow:0 4px 25px rgba(0,0,0,.3)}.subtitle{font-family:Georgia,serif;letter-spacing:.28em;font-size:17px;color:#e6c29c;line-height:1.5}.intro-description{font-family:Georgia,serif;font-size:15px;line-height:1.72;color:#d8d0c5;margin-top:25px;max-width:325px}.intro-actions{display:flex;flex-direction:column;align-items:start;gap:10px;margin-top:28px;pointer-events:auto}.primary{background:var(--amber);color:#1b2629;border:1px solid var(--amber);font-size:10px;font-weight:700;letter-spacing:.12em;padding:16px 19px;display:flex;gap:24px;align-items:center;justify-content:space-between;min-width:246px;transition:background .2s,transform .2s}.primary:hover{background:#f1c995;transform:translateY(-2px)}.action-arrow{font-size:17px}.secondary{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.34);font-size:10px;letter-spacing:.14em;display:flex;align-items:center;justify-content:space-between;gap:23px;padding:9px 2px}.secondary:hover{color:var(--amber)}.vertical-label{z-index:5;position:absolute;right:18px;top:36%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.18em;color:#e0d2beaa}.hotspots{position:absolute;inset:0;z-index:7;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);background:rgba(20,32,37,.82);color:#ffe6c4;border:1px solid rgba(238,203,152,.8);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;box-shadow:0 0 0 7px rgba(221,169,107,.09),0 0 15px rgba(0,0,0,.3);font-size:13px;transition:transform .2s,background .2s,opacity .2s}.hotspot:hover,.hotspot.active{transform:translate(-50%,-50%) scale(1.2);background:#d1a16d;color:#19232b}.hotspot::after{content:attr(data-label);position:absolute;left:37px;white-space:nowrap;font-size:9px;letter-spacing:.1em;padding:6px 8px;background:rgba(12,20,23,.83);color:var(--paper);opacity:0;transform:translateX(-5px);transition:opacity .2s}.hotspot:hover::after{opacity:1;transform:translateX(0)}.inspect{position:absolute;right:48px;top:27%;width:290px;z-index:9;background:var(--pane);border:1px solid rgba(220,178,124,.36);backdrop-filter:blur(20px);padding:25px 26px 20px;box-shadow:0 17px 50px rgba(0,0,0,.22);opacity:0;pointer-events:none;transform:translateX(15px);transition:opacity .28s,transform .28s}.inspect.show{opacity:1;pointer-events:auto;transform:translateX(0)}.close-inspect{position:absolute;right:12px;top:9px;font-size:23px;background:none;border:0;color:#c2a884}.inspect-index{font-size:11px;letter-spacing:.22em;color:var(--amber)}.inspect-rule{margin:15px 0;height:1px;width:36px;background:var(--amber)}.inspect h2{font:normal 26px/1.1 Georgia,serif;margin:0 0 14px}.inspect p{font:13px/1.72 Georgia,serif;color:#d7cdc0;margin:0 0 22px}.inspect-tag{font-size:9px;letter-spacing:.13em;color:var(--amber);line-height:1.6;border-top:1px solid var(--border);padding-top:15px}.bottom-left{position:absolute;bottom:32px;left:44px;z-index:7;display:flex;gap:14px;align-items:center}.compass{font-size:39px;color:var(--amber)}.bottom-label{font:12px Georgia,serif;letter-spacing:.13em}.bottom-caption{font-size:9px;color:#b3a799;letter-spacing:.12em;display:block;margin-top:5px}.toolbar{position:absolute;bottom:29px;right:45px;z-index:9;display:flex;align-items:center;gap:5px;padding:7px;background:rgba(19,30,35,.83);border:1px solid rgba(233,204,164,.31);backdrop-filter:blur(15px)}.tool{background:transparent;border:0;display:flex;gap:9px;align-items:center;font-size:9px;font-weight:bold;letter-spacing:.1em;padding:11px 12px;white-space:nowrap;transition:color .2s,background .2s}.tool:hover,.tool[aria-pressed=true]{color:var(--amber);background:rgba(228,176,112,.09)}.tool-symbol{font-size:20px;font-weight:normal;line-height:1}.toolbar-divider{width:1px;height:22px;background:var(--border)}.nav-help{position:absolute;bottom:90px;right:47px;z-index:5;font-size:9px;letter-spacing:.12em;color:#e6d5bdaf}.loading{position:absolute;inset:0;z-index:20;background:#121b1e;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}.loading.hide{opacity:0;visibility:hidden}.loading-emblem{font-size:58px;color:var(--amber)}.loading-title{font:56px Georgia,serif;letter-spacing:.2em;margin:13px 0}.loading-caption{font-size:10px;letter-spacing:.22em;color:#bca387}.loading-track{margin-top:32px;height:1px;width:150px;background:#5c4a39}.loading-track span{display:block;background:#f0b777;height:100%;animation:load 2s ease-in-out infinite}@keyframes load{from{width:0}to{width:100%}}.toast{position:absolute;left:50%;bottom:102px;transform:translateX(-50%) translateY(10px);z-index:12;background:rgba(20,30,34,.9);border:1px solid var(--border);color:#f3e6cf;padding:11px 18px;font-size:12px;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%)}.unsupported{position:absolute;inset:23%;z-index:22;color:white;background:#101b22;padding:30px;line-height:1.7;text-align:center}.unsupported:not([hidden]){display:block}@media (max-width:950px){.topbar{padding:22px}.intro{left:5%;top:33%;width:40vw}.intro h1{font-size:clamp(60px,9vw,95px)}.intro-description{font-size:13px}.inspect{top:25%;right:18px;width:260px}.toolbar{right:20px}.bottom-left{left:20px}.nav-help{right:25px}}@media(max-width:670px){.topbar{padding:17px 18px}.brand-emblem{font-size:27px}.brand-name{font-size:13px}.brand-sub{font-size:6px}.edition{display:none}.topright{gap:9px}.intro{left:22px;top:115px;transform:none;width:calc(100% - 35px)}.intro h1{font-size:clamp(60px,15vw,95px);margin:10px 0 2px}.subtitle{font-size:12px}.eyebrow{font-size:9px}.intro-description{max-width:225px;margin:12px 0 0;font-size:12px;line-height:1.48}.intro-actions{margin-top:13px;gap:4px}.primary{padding:12px;min-width:210px}.secondary{font-size:8px}.vertical-label{display:none}.bottom-left{left:14px;bottom:95px}.bottom-label{font-size:9px}.bottom-caption{font-size:7px}.compass{font-size:30px}.toolbar{left:10px;right:10px;bottom:13px;justify-content:space-evenly;padding:4px;gap:1px}.tool{font-size:8px;padding:9px 4px;gap:4px}.tool-symbol{font-size:15px}.nav-help{display:none}.inspect{bottom:83px;top:auto;right:10px;width:min(310px,calc(100% - 20px));padding:15px 18px}.inspect h2{font-size:22px}.inspect p{font-size:12px}.hotspot{width:24px;height:24px}.hotspot::after{display:none}}@media (max-width:390px){.intro h1{font-size:58px}.intro-description{max-width:205px}.brand-sub{max-width:175px}.tool span:last-child{font-size:7px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* The exhibit title steps aside in cutaway mode so objects remain inspectable. */
body.exploring .intro{opacity:.24;transition:opacity .7s;pointer-events:none}body.exploring .intro:hover{opacity:1}body.exploring .intro-actions{pointer-events:auto}