:root{color:#34382f;background:#eeede8;--ink:#34382f;--muted:#717769;--paper:#f4f2ed;--line:#8a907e50;--serif:"Times New Roman","Songti SC","SimSun",serif}
button:hover{filter:none}button:focus-visible{outline-color:#718164}.masthead{padding:27px 3.6vw;background:linear-gradient(#f8f7f0aa,transparent)}.brand-mark{width:27px;height:36px;border-color:#6d7567}.brand strong{font-size:11px;letter-spacing:3px;font-weight:500}.brand div>span{font-size:10px;letter-spacing:3px;color:var(--muted);margin-top:7px}.header-actions{gap:26px}.text-button{background:none;padding:10px 0;font-size:12px;letter-spacing:1px}.text-button:hover{color:#81906e}.text-button>span{padding-left:12px}.round{width:31px;height:31px;border:1px solid var(--line);background:transparent;font:italic 17px var(--serif)}
.welcome{left:6vw;top:auto;bottom:15vh;width:min(440px,88vw);padding:32px 36px;background:#f4f2ecee;border:1px solid #ffffffba;border-radius:0;backdrop-filter:blur(10px);box-shadow:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:400;color:var(--muted)}.welcome h1{font:400 clamp(32px,3.5vw,48px)/1.4 var(--serif);letter-spacing:2px;margin:24px 0}.welcome p{font-size:12px;color:var(--muted);line-height:2;margin:0 0 28px}.primary{background:#46503f;border-radius:0}.welcome-note{font-size:9px;letter-spacing:1.8px}.progress-track{height:1px}
.work-caption{position:absolute;left:3.6vw;bottom:91px;z-index:3;max-width:min(55vw,680px);pointer-events:none}.work-caption:before{content:"";position:absolute;inset:-36px -60px -45px -5vw;background:radial-gradient(ellipse at 20% 70%,#f2f0e9dc 0%,#f2f0e9a8 40%,transparent 75%);z-index:-1;pointer-events:none}.work-chapter{display:flex;align-items:center;gap:19px;font-size:13px;letter-spacing:2px;color:#65705e}.work-chapter>span:first-child{font-variant-numeric:tabular-nums}.chapter-rule{width:31px;height:1px;background:#7e8777}.work-caption h1{font:400 clamp(60px,7vw,106px)/1.1 var(--serif);margin:21px 0 23px;letter-spacing:-4px}.work-caption h1 em{font-weight:400}.work-meta{display:flex;gap:17px;align-items:center;font-size:14px;color:#666e60;margin:0;line-height:1.7;letter-spacing:1px}.work-meta i{font-style:normal;color:#9b9e93}.work-tagline{font-size:17px;line-height:1.9;color:#656e5d;letter-spacing:1px;margin:24px 0 18px}.story-button{display:flex;align-items:center;gap:12px;background:none;padding:3px 0;font-size:11px;letter-spacing:2px;pointer-events:auto;min-height:40px}.story-orbit{width:29px;height:29px;border:1px solid #8d927b80;border-radius:50%;display:grid;place-items:center;font:21px var(--serif);transition:transform .35s,background .35s}.story-line{width:36px;height:1px;background:#80887560;transition:width .35s}.story-button:hover .story-orbit{transform:rotate(90deg);background:#fff8}.story-button:hover .story-line{width:60px}
.watch-actions{position:absolute;right:4vw;bottom:115px;width:clamp(235px,25vw,365px);z-index:3;text-align:right}#artwork-state{font-size:12px;letter-spacing:1px;line-height:1.8;color:#626c5d;margin:0 0 19px;text-shadow:0 1px 8px var(--paper)}.artwork-label{position:static;transform:none;width:100%;max-width:none;min-width:0;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:23px 28px;border:1px solid #fff;background:#f6f5f0b0;backdrop-filter:blur(9px);font-size:23px;letter-spacing:3px;transition:background .3s,border-color .3s;min-height:91px;box-shadow:none;border-radius:0}.artwork-label:hover{background:#faf9f3ed;border-color:#b7bdab}.artwork-label svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.1;transition:transform .3s}.artwork-label:hover svg{transform:translate(3px,-3px)}.artwork-label.previewing{border-color:#83977b88}
#controls{height:73px;min-height:0;border-top:1px solid #ffffff70;padding:12px 3.6vw;align-items:center;gap:24px;background:#f4f2eb85;backdrop-filter:blur(8px)}.control-caption{margin-left:118px;padding:0}.control-caption span{font-size:10px;color:#7a8172;letter-spacing:1px}.navigation{gap:20px;padding:0}.pill{background:none;border:0;border-radius:0;padding:10px 0;font-size:11px;color:#6c7762;letter-spacing:1px}.pill:hover{text-decoration:underline;text-underline-offset:6px}.secondary{color:#888e81}.walk-pad{bottom:9px;left:3.6vw;grid-template-columns:repeat(3,24px);gap:3px}.walk-pad button{width:24px;height:24px;border:1px solid #89957b36;background:#f5f3ed7f;border-radius:0;font-size:14px}.walk-pad button.pressed{background:#cfdbc7}#toast{background:#46503fe8;border-radius:0;z-index:45}#crosshair{width:3px;height:3px;margin:-1.5px;background:#fff6;border:0}.help-panel>div{border-radius:0}
.reading-room{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end}.reading-shade{position:absolute;inset:0;width:100%;background:#303b333f;backdrop-filter:blur(6px);cursor:default}.reading-sheet{position:relative;width:min(720px,60vw);height:100%;overflow:auto;overscroll-behavior:contain;background:#f6f4ee;padding:30px clamp(30px,4vw,68px) 40px;box-shadow:-25px 0 100px #26332714;animation:unfold .5s cubic-bezier(.2,.7,.2,1)}.reading-top,.catalogue-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.close-reading{background:none;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:22px;padding:9px 0}.close-reading>span{font-size:28px;font-weight:200}.reading-sheet h2{font:400 clamp(37px,4vw,62px)/1.2 var(--serif);letter-spacing:-1px;margin:55px 0 20px}.reading-meta{font-size:12px;line-height:2;letter-spacing:1px;color:var(--muted)}.reading-tagline{font:400 19px/1.9 var(--serif);color:#68725e;margin:28px 0}.reading-divider{width:55px;height:1px;background:#97a086;margin:30px 0}.reading-sheet h3{font-size:11px;font-weight:400;letter-spacing:3px;color:#77816a;margin:32px 0 15px}.reading-prose{font-size:14px;line-height:2.15;color:#575e50;letter-spacing:.5px}.reading-prose p{margin:0 0 20px}.reading-footer{border-top:1px solid var(--line);margin-top:36px;padding-top:25px;display:flex;flex-wrap:wrap;align-items:center;gap:28px;justify-content:space-between}.reading-play{display:flex;align-items:center;justify-content:space-between;min-width:180px;padding:17px 21px;border:1px solid #909d7f;background:transparent;font-size:13px;letter-spacing:1px}.reading-play:hover{background:#e5e9dd}.reading-play>span{font-size:24px}.catalogue{position:fixed;inset:0;z-index:21;background:#f4f2ec;overflow:auto;overscroll-behavior:contain;padding:30px 7vw 0;animation:appear .35s ease}.catalogue-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:67px 0 46px;border-bottom:1px solid var(--line)}.catalogue-intro h2{font:400 clamp(30px,4.3vw,62px)/1.3 var(--serif);margin:19px 0 0}.catalogue-intro p{font-size:12px;line-height:2;color:var(--muted);margin:0}.catalogue-group{display:grid;grid-template-columns:25% 1fr;padding:36px 0 25px;border-bottom:1px solid var(--line);gap:35px}.catalogue-group h3{font:400 23px var(--serif);margin:9px 0 15px}.catalogue-group .group-subtitle{font-size:11px;color:var(--muted);line-height:1.9;max-width:190px}.catalogue-rows{display:flex;flex-direction:column}.catalogue-row{display:grid;grid-template-columns:50px 1fr 150px 28px;gap:12px;align-items:center;text-align:left;padding:21px 0;background:none;border-bottom:1px solid #8a907e28}.catalogue-row:last-child{border:0}.catalogue-row:hover{background:#e8eadf8a}.catalogue-no{font-size:10px;color:#7a8370;letter-spacing:1px}.catalogue-work{font:400 22px/1.3 var(--serif)}.catalogue-work small{font:11px/1.8 "Microsoft YaHei",sans-serif;display:block;color:#87907b;margin-top:7px}.catalogue-year{font-size:11px;line-height:1.9;color:#78816c}.catalogue-arrow{font-size:24px;font-weight:200}.catalogue-footer{font:italic 18px/1.9 var(--serif);color:#88907d;padding:50px 0 70px}
.cinema-heading h2{font:400 27px var(--serif)}.cinema-button{border-radius:0}@keyframes unfold{from{transform:translateX(55px);opacity:0}to{transform:none;opacity:1}}@keyframes appear{from{opacity:0}to{opacity:1}}
@media(max-height:760px) and (min-width:701px){.work-caption{bottom:82px}.work-caption h1{font-size:70px;margin:14px 0 16px}.work-tagline{margin:16px 0 11px;font-size:15px}.work-chapter{font-size:11px}.work-meta{font-size:12px}.watch-actions{bottom:105px}.artwork-label{min-height:80px}.welcome{bottom:16vh}}
@media(max-width:700px){.masthead{padding:20px}.brand{gap:10px}.brand strong{font-size:10px;letter-spacing:2px}.brand div>span{font-size:9px;letter-spacing:1.5px}.brand-mark{width:23px;height:31px}.header-actions{gap:17px}.text-button{font-size:11px}.round{width:27px;height:27px}.welcome{left:5vw;bottom:12vh;width:90vw;padding:25px}.welcome h1{font-size:34px;line-height:1.3}.work-caption{left:24px;bottom:192px;max-width:calc(100vw - 48px)}.work-caption:before{inset:-25px -24px -120px;background:linear-gradient(transparent,#f2f0e9e8 30%,#f2f0e9f0)}.work-chapter{gap:12px;font-size:10px;letter-spacing:1.3px}.chapter-rule{width:24px}.work-caption h1{font-size:58px;letter-spacing:-2px;margin:14px 0 13px}.work-meta{gap:10px;font-size:11px;letter-spacing:.3px}.work-tagline{font-size:12px;letter-spacing:.4px;margin:14px 0 10px}.story-button{font-size:10px;min-height:35px}.story-orbit{height:26px;width:26px}.watch-actions{left:24px;right:24px;width:auto;bottom:100px}.watch-actions #artwork-state{position:absolute;right:0;bottom:71px;font-size:9px;letter-spacing:0;max-width:150px;text-align:right;margin:0;line-height:1.7}.artwork-label{min-height:58px;font-size:18px;letter-spacing:2px;padding:14px 20px;background:#f6f5efaf;max-width:none}.artwork-label svg{width:26px;height:26px}#controls{height:89px;min-height:0;padding:8px 23px;gap:10px}.control-caption{display:none}.walk-pad{bottom:10px;left:24px;grid-template-columns:repeat(3,32px);gap:3px}.walk-pad button{width:32px;height:32px;font-size:17px}.navigation{gap:7px;flex-direction:column;align-items:flex-end}.pill{font-size:10px;padding:6px 0}.reading-sheet{width:100%;padding:20px 27px 35px}.reading-sheet h2{margin-top:38px;font-size:44px}.reading-prose{font-size:13px}.reading-tagline{font-size:17px}.reading-top{gap:10px}.close-reading{gap:15px}.reading-footer{gap:15px}.reading-play{min-width:150px}.catalogue{padding:21px 25px 0}.catalogue-top{gap:15px}.catalogue-top .eyebrow{font-size:8px;letter-spacing:1.2px}.catalogue-intro{padding:40px 0 30px;display:block}.catalogue-intro h2{font-size:35px}.catalogue-intro p{margin-top:20px;font-size:11px}.catalogue-group{display:block;padding:25px 0 15px}.catalogue-group h3{font-size:21px;margin-bottom:7px}.catalogue-group .group-subtitle{max-width:none;margin:0 0 13px;font-size:10px}.catalogue-row{grid-template-columns:36px 1fr 19px;gap:8px;padding:19px 0}.catalogue-work{font-size:19px}.catalogue-work small{font-size:10px}.catalogue-year{display:none}.catalogue-no{font-size:9px}.catalogue-footer{font-size:15px;padding:30px 0 45px}.cinema-heading h2{font-size:22px}}
@media(max-height:670px) and (max-width:700px){.work-caption{bottom:172px}.work-caption h1{font-size:47px;margin:9px 0}.work-tagline{margin:9px 0 6px}.watch-actions{bottom:94px}.watch-actions #artwork-state{display:none}.work-chapter{font-size:9px}.story-button{min-height:30px}}
@media(min-width:701px){.work-caption:before{inset:-35px -120px -42px -5vw;background:linear-gradient(90deg,#f1efe9fa 0%,#f1efe9ec 55%,#f1efe96b 75%,transparent 100%);mask-image:linear-gradient(transparent,#000 18%,#000 88%,transparent)}.watch-actions{bottom:102px}#artwork-state{font-size:11px;margin-bottom:12px}}
#reading-title:focus{outline:none}.reading-prose{font-size:15px;line-height:2.1}.reading-meta{font-size:13px}
@media(min-width:1100px){.work-chapter{font-size:15px}.work-meta{font-size:16px}.work-tagline{font-size:18px}.story-button{font-size:12px}}
@media(max-width:700px){.reading-prose{font-size:14px}.reading-meta{font-size:12px}.work-caption{width:calc(100vw - 48px);max-width:none}}
@media(max-height:600px) and (max-width:700px){.work-caption{bottom:168px}}
.catalogue-group{grid-template-columns:190px minmax(0,1fr);gap:40px;padding-top:45px}.catalogue-group-heading{align-self:start;position:sticky;top:20px}.catalogue-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:37px 25px}.catalogue-card{min-width:0}.catalogue-card>.catalogue-no{display:block;margin-top:17px}.catalogue-title-button{display:block;padding:9px 0 0;text-align:left;background:none;font:400 24px/1.4 var(--serif);width:100%}.catalogue-title-button:hover{color:#637655}.catalogue-card-meta{font-size:11px;line-height:1.9;color:#7d8574;margin:8px 0}.catalogue-card-tagline{font-size:12px;line-height:1.9;color:#65705e;margin:11px 0 5px;min-height:45px}.catalogue-card-actions{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #8a907e24;margin-top:12px}.catalogue-card-actions .text-button{font-size:11px;letter-spacing:.5px;min-height:42px}.catalogue-watch{color:#62784f}
.work-media{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid #bbbfb141;background:#e6e5dd;padding:0;isolation:isolate;box-shadow:0 5px 20px #535e3e08}.work-media>img,.work-media>.inline-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none}.work-media>.inline-preview{z-index:1;opacity:0;transition:opacity .15s;background:#e6e5dd}.work-media.is-previewing>.inline-preview{opacity:1}.media-hover-label{position:absolute;bottom:9px;right:10px;z-index:2;padding:6px 10px;background:#f7f7efdf;color:#5d6a55;font-size:10px;letter-spacing:.8px;pointer-events:none;line-height:1.4;box-shadow:0 2px 8px #0001}.work-media.is-preparing .media-hover-label{opacity:.65}.media-placeholder{display:grid;place-items:center;width:100%;height:100%;font:25px var(--serif)}.story-media{margin:26px 0 30px}.story-media-button{aspect-ratio:16/10;max-height:420px}.media-instruction{font-size:11px;color:#87907d;line-height:1.8;margin:10px 0 0}
.stamp-crop{position:relative;display:block;overflow:hidden;isolation:isolate;flex:none;background:#fff;line-height:0}.stamp-crop>img{position:absolute;max-width:none;object-fit:fill;pointer-events:none;user-select:none}.catalogue-stamps{position:relative;width:100%;aspect-ratio:16/10;padding:17px 16px 30px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;border:1px solid #aabca362;background:linear-gradient(125deg,#ffffff9c,#dce6dc73 47%,#f9fbf8c9);box-shadow:inset 0 -12px 20px #d2dbce35,0 5px 20px #535e3e08}.catalogue-stamps .stamp-crop{width:28%;box-shadow:0 10px 13px #25382016;transform:rotate(-4deg)}.catalogue-stamps .stamp-crop:nth-child(2){transform:translateY(-5px) rotate(2deg)}.catalogue-stamps .stamp-crop:nth-child(3){transform:rotate(5deg)}
.stamp-cabinet{padding:19px 18px 9px;border:1px solid #adbdad8a;background:linear-gradient(115deg,#fcfffdba,#e8efe679 40%,#fafcf5ba);box-shadow:inset 0 0 30px #fff9,0 12px 30px #485b3710}.cabinet-heading{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:2px;color:#7c8a71;margin-bottom:15px;padding-bottom:14px;border-bottom:1px solid #aabfa247}.cabinet-heading span:last-child{font-size:8px;letter-spacing:1.3px}.stamp-shelves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px}.stamp-display{position:relative;min-width:0;padding:5px 4px 15px;background:transparent;border-bottom:3px solid #afc5b562;box-shadow:0 9px 8px -10px #526c4d;color:#65755b}.stamp-display:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(transparent,#ffffffa0);pointer-events:none}.stamp-display>.stamp-crop{width:100%;box-shadow:0 5px 11px #33462d16;transition:transform .2s}.stamp-display:hover>.stamp-crop{transform:translateY(-4px)}.stamp-label{display:block;font-size:10px;line-height:1.6;letter-spacing:.3px;text-align:center;margin-top:12px;overflow-wrap:anywhere}.stamp-display small{font:10px var(--serif);letter-spacing:2px;color:#9ba28f;display:block;margin-top:5px}
.stamp-detail{position:fixed;inset:0;z-index:40;background:#f0f2eaf7;backdrop-filter:blur(14px);display:flex;align-items:center;flex-direction:column;overflow:auto;padding:24px 5vw 20px}.stamp-detail>header{display:flex;align-items:center;justify-content:space-between;width:100%;flex:none}.stamp-detail-image{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;padding:22px 0 16px;width:100%;max-height:calc(100dvh - 190px)}.stamp-detail-image>.stamp-crop{height:min(65dvh,560px);width:auto;max-width:85vw;flex:none;box-shadow:0 15px 60px #304b3021}.stamp-detail-image.at-native-size>.stamp-crop{width:var(--natural-width);height:auto;max-width:85vw}.stamp-detail h2{font:400 24px/1.5 var(--serif);text-align:center;margin:10px 0 8px;flex:none}.stamp-detail>footer{display:flex;align-items:center;justify-content:center;gap:25px;flex:none}.stamp-detail>footer button{font-size:12px;letter-spacing:1px;min-height:44px;min-width:44px;background:none}.stamp-detail>footer button:disabled{opacity:.25;cursor:default}.stamp-detail>footer button:first-child,.stamp-detail>footer button:last-child{font-size:25px}
@media(max-width:1000px){.catalogue-group{grid-template-columns:1fr;gap:18px}.catalogue-group-heading{position:static}.catalogue-group .group-subtitle{max-width:none}.catalogue-cards{gap:32px 23px}.reading-sheet{width:min(760px,78vw)}}
@media(max-width:700px){.catalogue-cards{grid-template-columns:1fr;gap:30px}.catalogue-card-tagline{min-height:0;font-size:12px}.catalogue-title-button{font-size:24px}.catalogue-card-meta{font-size:11px}.catalogue-card-actions .text-button{font-size:11px;min-height:44px}.reading-sheet{width:100%}.story-media{margin:22px 0 26px}.media-hover-label{font-size:10px}.stamp-cabinet{padding:16px 11px 7px}.stamp-shelves{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 17px}.cabinet-heading{font-size:10px}.cabinet-heading span:last-child{font-size:7px;letter-spacing:.7px}.stamp-label{font-size:10px}.stamp-detail{padding:18px 23px}.stamp-detail-image{max-height:calc(100dvh - 175px)}.stamp-detail-image>.stamp-crop{height:auto;width:min(80vw,370px)}.stamp-detail h2{font-size:21px}.stamp-detail>footer{gap:17px}.catalogue-stamps{padding:20px 30px 36px}}
.reading-footer{flex-wrap:wrap}.work-meta{flex-wrap:wrap;row-gap:2px}.work-caption h1.long-title{font-size:clamp(37px,4.5vw,66px);letter-spacing:-1.5px;line-height:1.25}.work-caption h1{overflow-wrap:anywhere}
@media(max-width:700px){.work-caption h1.long-title{font-size:34px;letter-spacing:-.5px}}
.guide-button{display:flex;align-items:center;gap:8px}.guide-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:.8}.guide-button[aria-expanded="true"]{color:#52674c}.guide-panel{position:absolute;right:3.6vw;top:83px;width:350px;max-height:calc(100dvh - 106px);overflow:auto;overscroll-behavior:contain;z-index:8;background:#f7f6efee;border:1px solid #ffffffc9;backdrop-filter:blur(22px);box-shadow:0 18px 70px #34402b20;padding:22px 24px 18px}.guide-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.guide-panel-top .eyebrow{font-size:8px;letter-spacing:1.8px}.guide-panel h2{font:400 25px/1.4 var(--serif);margin:10px 0 0}.guide-close{background:none;font-size:27px;font-weight:200;width:30px;height:36px;line-height:1;margin:-7px -9px 0 0;color:#73816a}.guide-map-wrap{position:relative;margin:15px -3px 0;background:#eaece342;border:1px solid #a6b19724}.guide-map-wrap svg{display:block;width:100%;height:auto}.guide-map-wrap p{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;letter-spacing:2px;color:#97a08b;margin:0}.guide-floor{fill:#eaeee4;stroke:#a5b39b;stroke-width:.75;vector-effect:non-scaling-stroke}.guide-floor.is-current{fill:#d6e1c7;stroke:#8b9d78}.guide-connections polyline{fill:none;stroke:#adbaa0;stroke-width:10;stroke-linejoin:round;stroke-linecap:round;opacity:.28}.guide-route{fill:none;stroke:#9b8257;stroke-width:1.7;stroke-dasharray:3 4;stroke-linejoin:round;stroke-linecap:round}.guide-markers circle{fill:#86997c;stroke:#fafbf5;stroke-width:1.5}.guide-markers text{font:10px "Segoe UI","Microsoft YaHei",sans-serif;fill:#6e7f60;paint-order:stroke;stroke:#f2f5ec;stroke-width:3;stroke-linejoin:round}.guide-location-halo{fill:#f9faf3cf;stroke:#71856570;stroke-width:.6}.guide-location-arrow{fill:#475c3f;stroke:#fff;stroke-width:.7}.guide-map-key{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:#8a947e;margin:10px 0 17px}.guide-map-key>span:first-child{display:flex;align-items:center;gap:7px}.guide-key-arrow{width:7px;height:10px;background:#536b45;clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%)}.guide-destinations{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border-top:1px solid #a5b2943b}.guide-destinations button{display:flex;align-items:center;gap:9px;min-height:47px;background:none;border-bottom:1px solid #a5b2943b;text-align:left;font-size:11px;letter-spacing:.5px;padding:5px 0}.guide-destinations button>span:last-child{margin-left:auto;font-size:15px;color:#9aa589}.guide-destinations button:hover:not(:disabled),.guide-destinations button.is-destination{color:#668147}.guide-route-letter{font:17px var(--serif);min-width:17px;color:#8a9978}.guide-destinations button[aria-current="location"] .guide-route-letter{color:#466336}.guide-destinations button:disabled{cursor:default;opacity:.4}.guide-destinations .guide-return{grid-column:1/-1;min-height:42px;font-size:10px;color:#8a947e}.guide-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:9px}.guide-panel-footer p{font-size:10px;line-height:1.8;color:#6e7e60;margin:0}.guide-panel-footer button{font-size:10px;letter-spacing:.5px;min-height:44px;white-space:nowrap}.guide-panel-footer button:disabled{opacity:.35;cursor:default}.guide-manual-note{font-size:10px;line-height:1.9;color:#8b9480;margin:4px 0 0}.journey-strip{position:absolute;z-index:5;top:94px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;padding:8px 10px 8px 17px;max-width:calc(100vw - 40px);background:#f7f6eee8;backdrop-filter:blur(15px);border:1px solid #ffffffb3;box-shadow:0 6px 30px #40513612;color:#6c7e5d;font-size:11px;letter-spacing:.5px}.journey-strip strong{font-weight:400}.journey-strip small{margin-left:12px;font-size:10px;color:#94a085}.journey-direction{font:21px var(--serif);color:#809970}.journey-strip button{background:none;border-left:1px solid #a4b18f57;font-size:11px;letter-spacing:1px;min-width:55px;min-height:36px;padding:5px 10px;color:#68795a}
@media(max-width:700px){.header-actions{gap:12px}.header-actions .text-button{font-size:10px;letter-spacing:.5px;white-space:nowrap}.header-actions .text-button>span{padding-left:5px}.guide-button{gap:4px}.guide-button svg{width:14px;height:14px}.guide-panel{right:14px;top:70px;width:min(350px,calc(100vw - 28px));max-height:calc(100dvh - 169px);padding:20px 22px 17px}.guide-panel h2{font-size:24px}.guide-map-wrap{margin-top:10px}.guide-destinations button{min-height:46px}.guide-panel-footer button{min-height:44px}.journey-strip{top:81px;gap:9px;padding-left:11px;white-space:nowrap;font-size:10px}.journey-strip small{margin-left:8px}.guide-manual-note{font-size:10px}.guide-button svg{flex:none}}
@media(max-height:700px){.guide-panel{max-height:calc(100dvh - 104px)}.guide-map-wrap{max-height:154px;overflow:hidden}.guide-map-wrap svg{height:154px}.guide-panel h2{font-size:21px}.guide-panel-footer{margin-top:5px}.guide-manual-note{margin-bottom:0}}
.journey-strip>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey-strip button{flex:none}.work-caption{text-shadow:0 1px 4px #f8f6ef,0 0 9px #f8f6efb8}
.work-caption:before{inset:-18px -28px -18px -28px;background:radial-gradient(ellipse at 25% 67%,#f4f2ecbb 0%,#f4f2ec88 43%,#f4f2ec30 68%,transparent 84%);mask-image:none}.work-caption{max-width:min(40vw,560px);width:auto}.work-caption h1,.work-caption h1.long-title{font-size:clamp(32px,3.3vw,50px);line-height:1.17;letter-spacing:-1px;margin:12px 0 14px}.work-caption h1:has(em){font-size:clamp(48px,4.7vw,76px);line-height:1.1;letter-spacing:-2.5px}.work-chapter{font-size:11px;letter-spacing:1.2px;gap:14px}.work-meta{font-size:12px;letter-spacing:.3px;gap:11px;line-height:1.8}.work-tagline{font-size:14px;line-height:1.75;letter-spacing:.5px;margin:14px 0 10px}.story-button{font-size:10px;min-height:34px}.story-orbit{width:25px;height:25px;font-size:18px}
@media(max-width:700px){.work-caption{width:calc(100vw - 48px);max-width:none}.work-caption:before{inset:-12px -18px -15px;background:radial-gradient(ellipse at 30% 65%,#f4f2eccc 0%,#f4f2ec99 48%,transparent 82%)}.work-caption h1,.work-caption h1.long-title{font-size:clamp(28px,7.5vw,38px);line-height:1.2;letter-spacing:-.3px;margin:10px 0 10px}.work-caption h1:has(em){font-size:50px}.work-chapter{font-size:9px;letter-spacing:.7px;gap:9px}.work-meta{font-size:10px;gap:8px;line-height:1.6}.work-tagline{font-size:12px;line-height:1.7;margin:10px 0 6px}.story-button{font-size:9px;min-height:32px}.story-orbit{height:22px;width:22px}}
@media(max-width:700px) and (max-height:670px){.work-caption h1,.work-caption h1.long-title{font-size:27px;margin:7px 0}.work-caption h1:has(em){font-size:42px}.work-tagline{font-size:11px;margin:7px 0 4px}.story-button{min-height:29px}}
.guide-markers text{font-size:11.5px;stroke-width:2.5}.guide-map-wrap{margin-left:-7px;margin-right:-7px}
@media(max-height:700px){.guide-map-wrap{max-height:188px}.guide-map-wrap svg{height:188px}}
@media(max-width:700px){.work-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;bottom:166px;left:24px;width:calc(100vw - 48px)}.work-caption:before{inset:-9px -14px -8px;background:radial-gradient(ellipse at 35% 60%,#f4f2ece6 0%,#f4f2ecad 62%,transparent 94%)}.work-caption .work-chapter{grid-column:1/-1;font-size:8px;line-height:1.35;letter-spacing:.5px}.work-caption h1,.work-caption h1.long-title{grid-column:1;grid-row:2;margin:0;font-size:25px;line-height:1.1;letter-spacing:-.4px}.work-caption h1:has(em){font-size:34px;line-height:1.05;letter-spacing:-1.5px}.work-caption .work-meta{grid-column:1/-1;font-size:10px;line-height:1.5;gap:7px;margin:0}.work-caption .work-tagline{grid-column:1/-1;margin:0;font-size:11px;line-height:1.5;letter-spacing:.1px}.work-caption .story-button{grid-column:2;grid-row:2;align-self:center;gap:6px;min-height:32px;margin:0;padding:0;font-size:9px;letter-spacing:.3px;white-space:nowrap}.work-caption .story-orbit{height:20px;width:20px;font-size:17px}.work-caption .story-line{display:none}}
@media(max-width:700px) and (max-height:670px){.work-caption{bottom:160px;row-gap:3px}.work-caption h1,.work-caption h1.long-title{font-size:23px}.work-caption h1:has(em){font-size:30px}.work-caption .work-tagline{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.exterior-toggle{position:absolute;left:3.6vw;top:96px;z-index:4;background:#f5f4ecd9;border:1px solid #fff9;padding:12px 18px;font-size:11px;letter-spacing:1px;backdrop-filter:blur(12px)}.exterior-toggle span{margin-left:24px}.orbit-panel{position:absolute;left:3.6vw;bottom:8vh;z-index:5;padding:23px 27px;background:#f5f4ece8;border:1px solid #fff9;backdrop-filter:blur(14px);min-width:300px}.orbit-panel p{font:25px var(--serif);margin:12px 0}.orbit-panel small{font-size:11px;color:var(--muted)}.orbit-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.orbit-actions button{background:none;border:1px solid var(--line);min-width:40px;min-height:40px;font-size:20px}.orbit-actions #exit-overview{font-size:12px;letter-spacing:1px;margin-left:auto;padding:0 16px}.orbit-actions #exit-overview span{margin-left:20px}.exterior-view #controls,.exterior-view #work-caption,.exterior-view #watch-actions{display:none!important}.mouse-looking #canvas{cursor:none}.mouse-looking #crosshair{width:7px;height:7px;margin:-3.5px;border:1px solid #fafaf2;background:#5e66587a;box-shadow:0 0 0 1px #27342288}#look-button{pointer-events:auto;font-size:10px;padding:0;text-align:left;text-decoration:underline;text-underline-offset:4px;color:#55674b}#welcome-overview{display:block;width:100%;margin-top:8px;font-size:11px}.welcome{bottom:7vh;padding:23px 28px;width:min(380px,88vw)}.welcome h1{margin:14px 0;font-size:36px}.welcome p{margin-bottom:16px}.welcome .primary{margin-top:16px}.help-panel>div{max-height:90dvh;overflow:auto}
@media(max-width:700px){.exterior-toggle{left:22px;top:83px;padding:10px 14px;font-size:10px}.orbit-panel{left:20px;bottom:25px;width:calc(100vw - 40px);min-width:0;padding:20px}.orbit-panel p{font-size:23px}.welcome{bottom:24px;padding:22px 25px;left:6vw;width:88vw}.welcome h1{font-size:28px;line-height:1.2;margin:10px 0}.welcome p{font-size:11px;line-height:1.8;margin-bottom:10px}.welcome-note{display:none}.control-caption{gap:3px}.control-caption #look-button{font-size:9px}.help-panel p{line-height:2.1}.exterior-view .brand div>span{display:none}}
.key-hint,.story-button kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 4px;border:1px solid #7f8c7355;border-radius:2px;font:10px "Segoe UI",sans-serif;color:#758269}#work-info-button{color:#435738;font-weight:500}.story-button{color:#465d3b}.story-button kbd{pointer-events:none}.work-caption:before{background:radial-gradient(ellipse at 25% 67%,#f4f2ecdf 0%,#f4f2ecad 43%,#f4f2ec48 68%,transparent 84%)}
@media(max-width:700px){.navigation{display:grid;grid-template-columns:auto auto;gap:2px 14px}.navigation #work-info-button{grid-column:1/-1;text-align:right;min-height:32px}.key-hint,.story-button kbd{display:none}.navigation .pill{font-size:10px;white-space:nowrap}.story-button{letter-spacing:0}.header-actions{gap:10px}}
.reading-top,.catalogue-top{position:sticky;top:0;z-index:4;background:#f6f4ee;box-shadow:0 -20px 0 20px #f6f4ee;border-bottom:1px solid #8a907e30}.catalogue-top{background:#f4f2ec;box-shadow:0 -20px 0 20px #f4f2ec}.reading-top .close-reading,.catalogue-top .close-reading{flex-shrink:0;min-height:44px}
.welcome-secondary{display:block;width:100%;min-height:36px;font-size:11px}.look-setting{margin-top:20px;padding:18px 0;border-top:1px solid var(--line)}.look-setting label{display:flex;justify-content:space-between;font-size:12px}.look-setting input{display:block;width:100%;margin:18px 0;accent-color:#647457}.look-setting small{font-size:10px;color:var(--muted)}#replay-opening{font-size:11px}.opening-panel{position:absolute;inset:0;z-index:15;pointer-events:none;background:linear-gradient(transparent 68%,#faf8efaa)}.opening-caption{position:absolute;bottom:9vh;left:6vw;color:#34382f;text-shadow:0 1px 6px #fff}.opening-caption p{font:400 clamp(24px,3vw,42px)/1.3 var(--serif);letter-spacing:3px;margin:17px 0 23px}.opening-track{width:180px;height:1px;background:#6f7a5a38}.opening-track span{display:block;height:100%;background:#68755a;transform:scaleX(0);transform-origin:left}.opening-skip{position:absolute;right:5vw;bottom:9vh;pointer-events:auto;min-height:48px;background:#f6f4e6d9;border:1px solid #fff8;padding:14px 20px;font-size:11px;letter-spacing:1px;backdrop-filter:blur(10px)}.opening-skip span{padding-left:28px}.opening .header-actions,.opening #overview-button,.opening #controls,.opening #work-caption,.opening #watch-actions,.opening #journey-strip{visibility:hidden!important;pointer-events:none!important}.opening .masthead{opacity:.5}
@media(max-width:700px){.opening-caption{bottom:140px;left:25px}.opening-caption p{font-size:28px}.opening-caption .eyebrow{font-size:8px}.opening-skip{bottom:45px;right:25px}.welcome .welcome-secondary,#welcome-overview{min-height:32px;padding:6px 0;margin-top:3px}.welcome{max-height:calc(100dvh - 140px);overflow:auto}}
/* The opening's captions are a continuous artist statement. */
.opening-panel{background:none;color:#363a37}.opening-caption{left:7vw;bottom:11vh;max-width:80vw;text-shadow:0 1px 12px #f8f5eeaa;will-change:opacity}.opening-caption .eyebrow{font-size:9px;letter-spacing:3px}.opening-caption p{white-space:pre-line;font-family:"Songti SC","Noto Serif SC","SimSun",serif;font-weight:400;font-size:clamp(24px,2.5vw,38px);line-height:1.8;letter-spacing:4px;margin:22px 0 0}.opening-track{display:none}.opening-dark{color:#f3efdf}.opening-dark .opening-caption{color:inherit;text-shadow:0 1px 20px #0b142c99}.opening-panel[data-phase="cosmos"] .opening-caption,.opening-panel[data-phase="cloud"] .opening-caption{left:50%;top:46%;bottom:auto;transform:translate(-50%,-50%);width:84vw;max-width:1000px;text-align:center}.opening-panel[data-phase="landing"] .opening-caption p{font-family:var(--serif);font-size:24px;letter-spacing:7px}.opening-panel[data-phase="landing"] .opening-caption .eyebrow{display:none}.opening .masthead{opacity:0;pointer-events:none}.opening-skip{bottom:6vh;right:5vw;border:0;border-bottom:1px solid currentColor;background:transparent;backdrop-filter:none;color:inherit;padding:12px 2px;font-size:10px;opacity:.85}.opening-skip span{padding-left:20px}.opening-dark .opening-skip{color:#f3efdf}.opening .welcome{display:none}
@media(max-width:700px){.opening-caption{left:26px;bottom:120px;max-width:calc(100vw - 52px)}.opening-caption p{font-size:23px;letter-spacing:2px;line-height:1.9}.opening-caption .eyebrow{font-size:7px;letter-spacing:1.5px}.opening-skip{right:25px;bottom:35px}.opening-panel[data-phase="cosmos"] .opening-caption,.opening-panel[data-phase="cloud"] .opening-caption{width:90vw;max-width:90vw}.opening-panel[data-phase="landing"] .opening-caption p{font-size:20px}}

/* v58: a paragraph, one sentence at a time, with space for the real building. */
.opening-caption{max-width:min(690px,84vw)}.opening-caption p{font-size:clamp(20px,1.85vw,29px);line-height:1.95;letter-spacing:2px;max-width:25em;text-wrap:pretty}.opening-caption .eyebrow{opacity:.55;letter-spacing:5px}.opening-panel[data-phase="cosmos"] .opening-caption,.opening-panel[data-phase="cloud"] .opening-caption{max-width:850px;width:84vw}.opening-panel[data-phase="cosmos"] .opening-caption p,.opening-panel[data-phase="cloud"] .opening-caption p{margin-left:auto;margin-right:auto}.opening-panel[data-phase="landing"] .opening-caption p{font-family:"Songti SC","Noto Serif SC","SimSun",serif;font-size:clamp(20px,1.85vw,29px);letter-spacing:2px}.opening-panel[data-phase="orbit"] .opening-caption,.opening-panel[data-phase="landing"] .opening-caption{left:6vw;bottom:8vh;text-shadow:0 1px 10px #fff,0 0 30px #fff9}.opening-panel[data-phase="orbit"] .opening-caption p,.opening-panel[data-phase="landing"] .opening-caption p{background:linear-gradient(90deg,#f2ede23d,transparent);padding:10px 15px;margin-left:-15px}
@media(max-width:700px){.opening-caption p,.opening-panel[data-phase="landing"] .opening-caption p{font-size:20px;letter-spacing:1px;line-height:1.95}.opening-panel[data-phase="orbit"] .opening-caption,.opening-panel[data-phase="landing"] .opening-caption{bottom:15vh;left:8vw;max-width:84vw}.opening-skip{bottom:5vh}}

.opening-panel[data-phase="reveal"] .opening-caption{left:6vw;bottom:9vh;top:auto;transform:none;text-align:left;color:#f4f0e7;text-shadow:0 1px 12px #182637,0 1px 3px #182637;width:min(690px,84vw)}.opening-panel[data-phase="reveal"] .opening-skip{color:#f4f0e7}@media(max-width:700px){.opening-panel[data-phase="reveal"] .opening-caption{left:8vw;bottom:15vh}}

/* Finished opening film. Preserve the complete 16:9 composition on phones. */
.catalogue-series-intro{grid-column:1/-1;border-bottom:1px solid #a5b2943b;padding:0 0 18px}.catalogue-series-intro h4{font:400 24px/1.5 var(--serif);margin:0 0 9px}.catalogue-series-intro p{font-size:14px;line-height:1.8;margin:0;color:#69735f}
.opening-panel.opening-film{position:fixed;inset:0;z-index:25;background:#030510;color:#fff;pointer-events:auto}
.opening-film #opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#030510}
.opening-film:after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,#03051065);pointer-events:none}
.opening-film .opening-caption{position:absolute;z-index:1;left:6vw;right:6vw;top:auto;bottom:14vh;transform:none;width:auto;max-width:none;text-align:center;color:#fff;text-shadow:0 2px 12px #030510,0 1px 3px #030510}
.opening-film .opening-caption p{font-family:var(--serif);font-size:clamp(19px,2.05vw,31px);line-height:1.8;letter-spacing:2px;margin:0 auto;max-width:29em;background:none;padding:0;text-wrap:balance}
.opening-film>.opening-track{display:block;position:absolute;z-index:2;left:5vw;right:5vw;bottom:4vh;width:auto;max-width:none;background:#ffffff25;height:1px;margin:0}
.opening-film .opening-track span{display:block;height:1px;background:#e7d7bd;transform-origin:left}
.opening-film .opening-skip,.opening-film .opening-sound{position:absolute;z-index:3;bottom:6vh;color:#fff;background:#03051044;border:1px solid #ffffff45;padding:10px 15px;min-height:44px;font:12px var(--sans);letter-spacing:1px;border-radius:2px;backdrop-filter:blur(8px)}
.opening-film .opening-skip{right:5vw}.opening-film .opening-sound{left:5vw}
.opening-film .opening-playback{position:absolute;z-index:3;inset:40% 8% auto;text-align:center;font-size:14px;text-shadow:0 1px 5px #030510}
.opening-film .opening-playback p:empty{display:none}.opening-film .opening-playback .primary{margin:16px auto}
@media(max-width:700px){.opening-film .opening-caption{bottom:18vh;left:7vw;right:7vw}.opening-film .opening-caption p{font-size:19px;letter-spacing:1px;line-height:1.9}.opening-film .opening-skip,.opening-film .opening-sound{bottom:7vh}.opening-film>.opening-track{bottom:5vh}}