/* A native-scroll exhibition. The artwork itself is never cropped or distorted. */
.museum-gallery{--gallery-top:174px;--museum-wall:#16232b;background:#0c171d}
.museum-intro{padding-bottom:40px}
.museum-catalog{border-top:1px solid var(--hg-line);border-bottom:1px solid var(--hg-line);margin-bottom:12px}
.museum-catalog>summary{display:flex;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;min-height:60px;align-items:center;font-size:12px;padding:18px 0}
.museum-catalog>summary::-webkit-details-marker{display:none}.museum-catalog>summary:after{content:none!important}
.museum-catalog>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px;padding:0 0 25px}
.museum-catalog a{display:flex;gap:15px;font-size:11px;line-height:1.8;padding:13px 0;border-top:1px solid #b1b9ad15}
.museum-catalog small{color:#c2a57e;font-size:8px;min-width:15px}
.museum-chapter-nav{position:sticky;top:118px;z-index:21;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(48px,calc((100% - 1180px)/2));height:56px;background:#0c171df5;border-block:1px solid #b9c8bf1c;backdrop-filter:blur(16px)}
.museum-chapter-nav>div{display:flex;gap:48px;align-items:stretch;height:100%}
.museum-chapter-nav a{display:flex;align-items:center;gap:10px;font-size:11px;position:relative;min-height:44px;color:#a4afad}
.museum-chapter-nav a span{font-size:8px;color:#8b9188}
.museum-chapter-nav a[aria-current=location]{color:#eddfc5}
.museum-chapter-nav a[aria-current=location]:after{content:'';height:1px;background:#bf9e6b;position:absolute;bottom:0;left:0;right:0}
.museum-counter{font-size:9px;letter-spacing:.13em;white-space:nowrap;color:#8e9c9e;font-variant-numeric:tabular-nums}
.museum-chapter{scroll-margin-top:174px;background:var(--museum-wall)}
.museum-chapter[data-chapter-number='2']{--museum-wall:#202321}
.museum-chapter[data-chapter-number='3']{--museum-wall:#162320}
.museum-chapter[data-chapter-number='4']{--museum-wall:#121d29}
.museum-chapter-intro{text-align:center;padding:80px 0 40px}
.museum-chapter-intro h2{font-family:Georgia,'Songti SC',serif;font-size:clamp(35px,4vw,58px);font-weight:400;letter-spacing:.08em;margin:15px 0 22px}
.museum-chapter-intro>p:last-child{font-size:14px;line-height:2.05;max-width:600px;margin:0 auto;color:#aebbb7;text-wrap:pretty}
.museum-room{scroll-margin-top:174px;position:relative;padding-bottom:32px}
.museum-scroll{position:relative}
.museum-viewport{position:relative;min-height:640px}
.museum-stage{position:relative;min-height:640px;isolation:isolate;display:flex;justify-content:center;align-items:center;padding:60px 30px 72px;perspective:1300px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#ddd2b218,transparent 62%),var(--museum-wall)}
.museum-wall-plane{position:absolute;inset:0 0 14%;pointer-events:none;z-index:-2;background:linear-gradient(90deg,#0004,transparent 16%,transparent 84%,#0004),radial-gradient(ellipse at 50% 22%,#f5e2b50a,transparent 65%);border-bottom:1px solid #c5c5ac13}
.museum-wall-plane:before,.museum-wall-plane:after{content:'';position:absolute;top:0;bottom:0;width:11%;border-inline:1px solid #a8b4a509;transform:skewY(-8deg);transform-origin:bottom}
.museum-wall-plane:before{left:0}.museum-wall-plane:after{right:0;transform:skewY(8deg)}
.museum-floor{position:absolute;left:-10%;right:-10%;bottom:-30%;height:44%;background:linear-gradient(0deg,#030a11,transparent),radial-gradient(ellipse at 50% 0,#bfae8c16,transparent 60%);transform:rotateX(55deg);transform-origin:center top;z-index:-1;pointer-events:none}
.museum-stage-label{position:absolute;top:28px;left:max(48px,calc((100% - 1180px)/2));right:max(48px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#9aa7a6}
.museum-composition{text-align:center;position:relative;max-width:100%;transform-style:preserve-3d;transform:translate3d(0,var(--art-rise,0px),var(--art-depth,0px)) rotateY(var(--art-yaw,0deg));opacity:var(--art-opacity,1)}
.museum-picture{margin:0;display:flex;align-items:center;flex-direction:column;max-width:100%}
.museum-frame{display:inline-flex;align-items:center;justify-content:center;padding:5px;border:1px solid #796b4e50;background:#0a0f11;box-shadow:0 2px 0 #040809,0 18px 38px #0008,0 0 0 1px #050b0e;max-width:100%;transform:translateZ(14px)}
.museum-frame img{display:block;width:auto;height:auto;max-width:min(76vw,850px);max-height:50svh;object-fit:contain;animation:none!important;transform:none!important}
.museum-picture figcaption{font-size:8px;letter-spacing:.035em;line-height:1.6;color:#8c9a99;margin-top:13px;max-width:min(76vw,760px)}
.museum-caption{max-width:780px;margin:22px auto 0;transform:translateZ(7px)}
.museum-date{font-size:9px;letter-spacing:.09em;color:#9fa99f;line-height:1.6;margin:0 0 9px}
.museum-caption h2{font-family:Georgia,'Songti SC',serif;font-size:clamp(23px,2.4vw,34px);line-height:1.4;font-weight:400;margin:0;text-wrap:balance}
.museum-thought{font-size:12px;line-height:1.8;color:#b4bcb1;margin:10px auto 7px;text-wrap:pretty;max-width:42em}
.museum-read{font-size:10px;display:inline-flex;gap:28px;align-items:center;min-height:40px;color:#c8b38e!important;letter-spacing:.06em;border-bottom:1px solid #baaa8738}
.museum-scroll-hint{position:absolute;bottom:23px;font-size:8px;letter-spacing:.10em;color:#7e8e8e;left:20px;right:20px;text-align:center}
.museum-story{width:min(1000px,calc(100% - 96px));margin:0 auto 15px;scroll-margin-top:190px}
.museum-story .horizon-reading-content{margin-bottom:20px}
.museum-looking-note{padding-top:20px;border-top:1px solid #a1a99b50;margin-top:26px}
.museum-gallery[data-layout=immersive] .museum-scroll{height:154svh}
.museum-gallery[data-layout=immersive] .museum-viewport{position:sticky;top:var(--gallery-top);height:calc(100svh - var(--gallery-top));min-height:0}
.museum-gallery[data-layout=immersive] .museum-stage{height:100%;min-height:0;padding-top:45px;padding-bottom:52px}
.museum-gallery[data-layout=immersive] .museum-frame img{max-height:calc(100svh - 405px)}
.museum-gallery[data-layout=immersive][data-moving=true] .museum-composition.is-in-view{will-change:transform,opacity}
.museum-gallery[data-layout=flat] .museum-scroll-hint{display:none}
@media(min-width:1600px){.museum-frame img{max-width:1000px}}
@media(max-width:900px){.museum-chapter-nav{padding-inline:32px}.museum-chapter-nav>div{gap:28px}.museum-stage-label{left:32px;right:32px}.museum-story{width:calc(100% - 64px)}.museum-catalog>div{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
 .museum-gallery{--gallery-top:150px}.museum-intro{padding-bottom:22px}.museum-chapter-nav{top:98px;height:52px;padding:0 20px;gap:0}.museum-chapter-nav>div{width:100%;gap:0;justify-content:space-between}.museum-chapter-nav a{gap:6px;font-size:10px}.museum-chapter-nav a span{font-size:7px}.museum-counter{display:none}
 .museum-catalog>div{grid-template-columns:1fr;gap:0}.museum-catalog a{font-size:11px;padding-block:10px}.museum-catalog>summary{font-size:11px;min-height:54px}
 .museum-chapter,.museum-room{scroll-margin-top:150px}.museum-chapter-intro{padding:55px 0 28px}.museum-chapter-intro h2{font-size:37px}.museum-chapter-intro>p:last-child{font-size:13px;max-width:30em}
 .museum-room{padding-bottom:20px}.museum-stage{min-height:0;padding:60px 20px 35px;perspective:1000px}.museum-viewport{min-height:0}.museum-frame{padding:3px}.museum-frame img{max-width:calc(100vw - 54px);max-height:43svh}.museum-picture figcaption{font-size:7px;max-width:calc(100vw - 56px);margin-top:11px}.museum-caption{margin-top:19px}.museum-caption h2{font-size:23px;max-width:15em;margin:auto}.museum-date{font-size:8px;margin-bottom:8px}.museum-thought{font-size:11px;margin:9px auto 7px;max-width:27em}.museum-read{font-size:10px;min-height:44px}.museum-stage-label{left:22px;right:22px;top:22px;font-size:8px}.museum-scroll-hint{font-size:7px;bottom:17px}
 .museum-story{width:calc(100% - 40px);scroll-margin-top:164px}.museum-story>summary{font-size:11px}.museum-gallery[data-layout=immersive] .museum-scroll{height:126svh}.museum-gallery[data-layout=immersive] .museum-stage{padding:45px 20px 50px}.museum-gallery[data-layout=immersive] .museum-frame img{max-height:calc(100svh - 430px)}
}
@media(prefers-reduced-motion:reduce){.museum-composition{transform:none!important;opacity:1!important}.museum-gallery .museum-scroll{height:auto!important}.museum-gallery .museum-viewport{position:relative!important;top:auto!important;height:auto!important}.museum-gallery .museum-stage{height:auto!important;padding-block:55px 40px!important}.museum-gallery .museum-frame img{max-height:55svh!important}.museum-scroll-hint{display:none}}

.museum-intro h1{max-width:8em;line-height:1.4;text-wrap:balance}
.horizon-reading-content .museum-credit{font-size:10px;line-height:1.9;color:#5b655c}
@media(max-width:700px){html[lang=en] .museum-chapter-nav a{font-size:8px;gap:4px;letter-spacing:0}.museum-intro h1{font-size:42px}}
/* Reserve the lower wall for the label; the floor seam stays below the reading. */
.museum-wall-plane{bottom:4%}
.museum-floor{height:34%}
.museum-scroll-hint{left:max(48px,calc((100% - 1180px)/2));right:auto;text-align:left;max-width:30em;font-size:7px}
.museum-gallery[data-layout=immersive] .museum-frame img{max-height:calc(100svh - 440px)}
@media(max-width:700px){.museum-gallery[data-layout=immersive] .museum-frame img{max-height:min(38svh,calc(100svh - 440px))}.museum-scroll-hint{display:none}}
html:has(.museum-gallery){scroll-padding-top:0}