@charset "UTF-8";
:root{--ink:#ece4d4;--muted:#b4b4ad;--gold:#d4b27a;--line:rgba(212,178,122,.24);--panel:#111d25;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--body:"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--body);color:var(--ink);background:#0c151d;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;font:inherit;appearance:none;border:0;background:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{cursor:wait;opacity:.45}[hidden]{display:none!important}p,h1,h2,h3,h4{margin:0}#experience{height:100%;height:100dvh;min-height:360px;position:relative;isolation:isolate}#scene{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:0;cursor:grab}#scene:active{cursor:grabbing}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,15,23,.9),rgba(6,15,23,.62) 22%,transparent 48%),linear-gradient(0deg,rgba(7,14,20,.86),transparent 24%,transparent 86%,rgba(7,14,20,.36));transition:background .7s}.topbar{position:absolute;left:3.6%;right:3.6%;top:24px;height:65px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);z-index:3}.brand{display:flex;align-items:center;gap:13px}.emblem{width:31px;height:43px;stroke:var(--gold);stroke-width:1.35;fill:none}.eyebrow{display:block;color:var(--gold);font-family:Georgia,serif;letter-spacing:3px;font-size:10px;line-height:1.6}.brand-sub{display:block;font-family:var(--serif);font-size:12px;letter-spacing:3px;margin-top:5px}.exhibit-number{display:flex;gap:14px;align-items:center;padding-top:16px;color:var(--muted);font-size:9px;letter-spacing:2px}.exhibit-number i{width:24px;height:1px;background:var(--line)}.top-actions{display:flex;gap:8px;padding-top:2px}.top-actions button{min-width:77px;height:37px;border:1px solid var(--line);border-radius:3px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;letter-spacing:1px;background:rgba(8,17,23,.35);transition:background .2s,border-color .2s}.top-actions button:hover,.top-actions button[aria-pressed=true]{background:rgba(194,148,72,.13);border-color:rgba(212,178,122,.7);color:var(--gold)}.top-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.2}.icon{font-size:19px;line-height:1;font-family:Georgia,serif;color:var(--gold)}.hero{position:absolute;left:6.1%;top:23%;width:290px;z-index:2;pointer-events:none}.kicker{color:var(--gold);font-size:10px;letter-spacing:3.4px;display:flex;align-items:center;gap:11px}.kicker span{width:18px;height:1px;background:var(--gold)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,4.8vw,76px);letter-spacing:7px;line-height:1.12;margin:23px 0 12px}h1 span{display:block;margin-top:7px;color:var(--gold)}.french-title{font-family:Georgia,serif;font-style:italic;font-size:22px;letter-spacing:1px;color:var(--muted)}.short-rule{width:31px;height:1px;background:var(--gold);margin:28px 0 18px}.intro{font-size:11px;letter-spacing:1px;color:var(--muted);line-height:2.3}.story-trigger{pointer-events:auto;display:flex;gap:36px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0 10px;font-family:var(--serif);font-size:12px;letter-spacing:2px;margin-top:13px;color:var(--ink)}.story-trigger span:last-child{color:var(--gold);font:21px Georgia;transition:transform .2s}.story-trigger:hover span:last-child{transform:translate(3px,-3px)}.scene-meta{position:absolute;right:3.8%;top:117px;display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted);letter-spacing:1.5px;pointer-events:none}.status-dot{height:4px;width:4px;background:var(--gold);border-radius:50%;box-shadow:0 0 9px #e8b16488}.meta-line{height:10px;width:1px;background:var(--line);margin:0 3px}.facts{position:absolute;left:6.1%;bottom:107px;display:flex;gap:28px;pointer-events:none}.facts div{display:flex;flex-direction:column;gap:8px}.facts strong{font:32px Georgia,serif;color:var(--gold);font-weight:400;letter-spacing:0}.facts small{font-size:12px;margin-left:3px}.facts div>span{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.bottom-bar{position:absolute;bottom:21px;left:3.6%;right:3.6%;height:49px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;z-index:2}.interaction-hint{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:1.5px;color:var(--muted);pointer-events:none}.interaction-hint svg{height:24px;width:16px;fill:none;stroke:var(--gold);stroke-width:1}.interaction-hint i{font-style:normal;padding:0 6px}.mobile-hint{display:none}.views{display:flex;gap:30px}.views button{font-family:var(--serif);font-size:11px;letter-spacing:1.5px;padding:10px 0;position:relative;color:var(--muted);white-space:nowrap}.views button span{font:9px Georgia;letter-spacing:0;margin-right:9px;color:var(--gold)}.views button:after{content:"";position:absolute;bottom:1px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .3s}.views button.selected{color:var(--gold)}.views button.selected:after,.views button:hover:after{transform:scaleX(1)}.azimuth{display:flex;align-items:center;gap:8px;color:var(--gold);font:12px Georgia}.azimuth small{color:var(--muted);font:8px var(--body);letter-spacing:1px}.compass{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;position:relative}.compass:before{content:"N";position:absolute;top:-12px;left:10px;font-size:7px}.compass i{display:block;position:absolute;left:12px;top:5px;width:1px;height:17px;background:linear-gradient(var(--gold) 50%,#60778a 50%);transform-origin:center}.hotspot{position:absolute;display:flex;align-items:center;pointer-events:none;opacity:.7;transition:opacity .4s}.hotspot>i{width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));margin-right:9px}.hotspot>span{font-family:var(--serif);font-size:10px;letter-spacing:1.2px;color:var(--ink);text-shadow:0 1px 5px #0a121b}.hotspot b{font:10px Georgia,serif;color:var(--gold);margin-left:7px}.loading{position:absolute;inset:0;background:#0c151d;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .65s,visibility .65s}.loading-mark{border:1px solid var(--gold);width:67px;height:85px;display:grid;place-items:center;font:italic 50px Georgia;color:var(--gold);margin-bottom:28px}.loading p{font:15px var(--serif);letter-spacing:4px}.loading-track{width:140px;height:1px;background:var(--line);margin-top:26px}.loading-track span{height:1px;width:3%;display:block;background:var(--gold);transition:width .25s}.loading small{font-size:10px;color:var(--muted);margin-top:15px;letter-spacing:1px}body:not(.is-loading) .loading{opacity:0;visibility:hidden;pointer-events:none}.error-card{position:absolute;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#101b25}.error-card button{padding:12px 24px;border:1px solid var(--gold)}.error-card p{max-width:80%;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.toast{position:absolute;bottom:96px;left:50%;transform:translateX(-50%);background:rgba(10,22,30,.92);border:1px solid var(--line);color:#eee4cf;pointer-events:none;opacity:0;padding:11px 22px;font-size:11px;letter-spacing:1px;transition:opacity .2s;z-index:5;white-space:nowrap}.toast.visible{opacity:1}

dialog{color:#e8dfce;background:#111d25;border:1px solid #9e83514d;width:398px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 60px);margin:30px 28px 30px auto;padding:28px 32px 32px;box-shadow:0 30px 100px #0006;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#756347 #152029}dialog::backdrop{background:#08101766;backdrop-filter:blur(4px)}.panel-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4b27a3d;padding-bottom:17px;font-size:8px;letter-spacing:1.7px;color:#bda478}.panel-top button{font:28px Georgia;width:35px;height:35px;color:#d4b27a}.panel-index{font:10px Georgia;letter-spacing:3px;color:#d4b27a;margin:32px 0 17px}dialog h2{font:normal 34px/1.5 var(--serif);letter-spacing:2px}dialog h2 em{font-style:normal;color:#d4b27a}dialog p{font-size:12px;line-height:2.15;color:#b7c0c1}dialog .panel-lead{font-family:var(--serif);font-size:13px;color:#e7dbbd;margin:18px 0}.panel-details{margin:29px 0 24px;border-top:1px solid #d4b27a3d;padding-top:25px}.panel-details h3{font-family:var(--serif);font-weight:normal;font-size:15px;margin-bottom:20px}.panel-details article{display:flex;gap:15px;margin-bottom:20px}.panel-details article>span{font:italic 17px Georgia;color:#d4b27a;line-height:1.7}.panel-details h4{font:normal 13px var(--serif);margin-bottom:8px;color:#e7dbc3}.panel-details article p{font-size:11px}dialog dl{margin:0;border-top:1px solid #d4b27a3d}dialog dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #d4b27a20;padding:13px 0;font-size:10px}dialog dt{color:#a7b4b8}dialog dd{margin:0;color:#ddceb1}dialog .model-note{font-size:10px;color:#94a1a6;line-height:1.9;margin:25px 0 20px}.source-link{font-size:11px;color:#d4b27a;text-decoration:none;display:flex;justify-content:space-between}.source-link:hover{text-decoration:underline}
body[data-theme=day]{--ink:#292f31;--muted:#545e60;--gold:#805b2b;--line:rgba(92,82,56,.25)}body[data-theme=day] .vignette{background:linear-gradient(90deg,rgba(224,228,223,.93),rgba(224,228,223,.7) 22%,transparent 49%),linear-gradient(0deg,rgba(224,228,223,.86),transparent 24%,transparent 85%,rgba(226,232,230,.35))}body[data-theme=day] .top-actions button{background:#f2f0e844}body[data-theme=day] .hotspot>span{text-shadow:0 1px 4px #f8f1d9}
@media(min-height:800px) and (min-width:761px){.hero{top:24%}h1{font-size:76px}.intro{font-size:12px}.facts{bottom:130px;gap:36px}.facts strong{font-size:37px}}
@media(max-height:700px) and (min-width:761px){.hero{top:22%}h1{font-size:54px;margin-top:19px}.short-rule{margin-top:18px;margin-bottom:12px}.story-trigger{margin-top:6px;padding-top:10px}.facts{bottom:95px}.facts strong{font-size:28px}.french-title{font-size:20px}}
@media(max-width:1060px){.exhibit-number{display:none}.hero{left:5%;width:250px}.facts{left:5%;gap:24px}.views{gap:23px}.azimuth small{display:none}.scene-meta{font-size:8px}h1{font-size:53px}}
@media(max-width:760px){.topbar{top:max(15px,env(safe-area-inset-top));left:20px;right:20px;height:57px}.emblem{height:34px;width:25px}.brand{gap:9px}.eyebrow{font-size:8px;letter-spacing:1.7px}.brand-sub{font-size:9px;letter-spacing:1.3px;margin-top:3px}.top-actions{gap:4px;padding-top:0}.top-actions button{min-width:42px;height:40px;gap:0;background:transparent!important}.top-actions button>span:last-child:not(.icon){display:none}.top-actions .icon{font-size:23px}.hero{left:24px;right:24px;top:96px;width:auto;pointer-events:none}.kicker{font-size:8px;letter-spacing:2px;gap:7px}.kicker span{width:13px}h1{font-size:34px;letter-spacing:4px;margin:13px 0 7px;line-height:1.2}h1 span{display:inline;margin-left:3px}.french-title{font-size:15px;letter-spacing:.7px}.short-rule,.intro{display:none}.story-trigger{position:absolute;right:0;top:5px;margin:0;font-size:10px;gap:14px;padding:10px 0;letter-spacing:1px}.story-trigger span:last-child{font-size:18px}.scene-meta{top:auto;bottom:181px;right:25px;font-size:8px;gap:6px}.meta-line,.scene-meta>span:last-child{display:none}.facts{left:25px;right:25px;bottom:109px;justify-content:space-between;gap:0;max-width:350px}.facts strong{font-size:28px}.facts div>span{font-size:8px;letter-spacing:1px}.facts div{gap:7px}.vignette{background:linear-gradient(180deg,#0a151fcc,transparent 33%,transparent 63%,#09151bda 82%,#09151b 100%)}body[data-theme=day] .vignette{background:linear-gradient(180deg,#e0e5e0bb,transparent 33%,transparent 62%,#e0e5e0e8 83%,#e0e5e0 100%)}.bottom-bar{left:24px;right:24px;bottom:max(13px,env(safe-area-inset-bottom));height:79px;display:flex;align-items:stretch;flex-direction:column-reverse;justify-content:flex-end;padding-top:8px;gap:12px}.azimuth{display:none}.views{justify-content:space-between;gap:10px}.views button{font-size:11px;padding:10px 0;min-height:36px}.views button span{font-size:8px;margin-right:7px}.interaction-hint{justify-content:center;font-size:8px;letter-spacing:1px;gap:7px}.interaction-hint svg{height:13px;width:12px}.desktop-hint{display:none}.mobile-hint{display:inline}#hotspots{display:none}.toast{bottom:190px;font-size:10px;padding:9px 15px}dialog{width:calc(100% - 24px);max-width:450px;margin:12px auto;max-height:calc(100dvh - 24px);padding:22px 26px}.panel-index{margin-top:24px}dialog h2{font-size:30px}}
@media(max-height:550px) and (orientation:landscape){.topbar{top:12px;height:48px}.hero{top:83px}.kicker{font-size:8px}h1{font-size:34px;margin:13px 0 7px}.french-title{font-size:15px}.intro,.short-rule,.facts,.scene-meta{display:none}.story-trigger{margin-top:10px}.bottom-bar{bottom:12px}.brand-sub{font-size:10px}.top-actions button{height:34px}.hotspot{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}