.museum-intro{background:#e6ddcb;color:#302d24;text-align:center;padding:120px 6vw 85px;position:relative;overflow:hidden}.museum-intro h2{font:clamp(55px,7.5vw,118px)/1.2 var(--serif);position:relative;margin:34px 0}.museum-intro h2 em{color:#847354}.museum-intro>p:not(.museum-roman){font:20px/2 var(--serif)}.museum-roman{position:absolute;font:400px/1 Georgia,serif;opacity:.045;left:50%;top:120px;transform:translateX(-50%);margin:0}.museum-index{display:grid;grid-template-columns:repeat(4,1fr);max-width:1000px;margin:65px auto 35px;border-top:1px solid #79684666}.museum-index a{padding:20px 12px;border-bottom:1px solid #79684644;text-align:left;font:17px var(--serif);transition:background .3s}.museum-index a:hover{background:#d4c6aa}.museum-index span{font:italic 12px Georgia;display:inline-block;margin-right:15px;color:#8b7958}.museum-intro>small{font-size:11px;color:#786f5c}.masterpiece{--scene-p:0;--mx:50%;--my:50%;position:relative;min-height:160svh;background:#14221e;color:#f0e6ce;scroll-margin-top:70px}.master-sticky{position:sticky;top:0;min-height:100svh;padding:100px 5vw 35px;display:flex;flex-direction:column;justify-content:center}.master-topline,.master-bottomline{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.4px;color:#d5c7a8a6;gap:20px}.master-topline{padding-bottom:22px;border-bottom:1px solid #d7c4a33b}.master-layout{display:grid;grid-template-columns:.7fr 1.7fr;align-items:center;gap:3vw;padding:45px 0 30px;flex:1}.master-caption h2{font:clamp(30px,3.1vw,51px)/1.5 var(--serif);margin:27px 0}.master-caption h2 em{color:#c5a773}.master-caption p{font:16px/2 var(--serif);color:#d6d5c1}.master-caption .eyebrow{font-size:9px;letter-spacing:1.5px;line-height:1.6;display:block}.scene-play{font:12px var(--serif);color:inherit;background:transparent;border:1px solid #c6b08a88;border-radius:30px;padding:12px 20px;margin-top:28px;cursor:pointer}.scene-play:hover,.scene-play:focus-visible{background:#d2bb8c;color:#15201d}.scene-play span{margin-left:15px}.scene-hint{display:block;font-size:10px;color:#b7b7a1;margin-top:12px}.master-figure{margin:0;min-width:0;perspective:1100px}.master-surface{position:relative;width:100%;isolation:isolate;box-shadow:0 25px 80px #0006;outline:1px solid #bfa87d6b;outline-offset:8px;transform:scale(calc(.95 + var(--scene-p)*.04));transition:transform .12s linear}.master-surface img{display:block;width:100%;height:auto;object-fit:contain}.master-surface canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.master-surface.gl-ready canvas{opacity:1}.master-figure figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#d5c7a89c;line-height:1.7;margin-top:22px}.master-bottomline{align-items:flex-start;border-top:1px solid #d7c4a333;padding-top:20px}.master-bottomline details{letter-spacing:0;max-width:420px}.master-bottomline summary{cursor:pointer;list-style:none;font-size:12px}.master-bottomline summary span{margin-left:25px}.master-bottomline details p{font:13px/1.9 var(--serif);margin:15px 0}.master-bottomline details a{display:inline-block;padding:7px 0;border-bottom:1px solid #bba98477}.master-glow{position:absolute;inset:0;background:radial-gradient(ellipse at var(--mx) var(--my),#ffe3a019,transparent 45%);pointer-events:none;mix-blend-mode:screen}.scene-orbit{position:absolute;width:13%;aspect-ratio:1;left:43.5%;top:40%;border:1px solid #e9d8a3;border-radius:100%;opacity:0;pointer-events:none}.scene-creation.pulsing .scene-orbit{animation:pawPulse 1.8s ease-out}.scene-pearl{background:#171915}.scene-starry{background:#101c30}.scene-wave{background:#e5dbc5;color:#273b4c}.scene-wave .master-caption h2 em{color:#576c77}.scene-wave .master-caption p,.scene-wave .scene-hint{color:#566671}.scene-wave .master-topline,.scene-wave .master-bottomline,.scene-wave figcaption{color:#4c6069}.scene-wave .master-topline,.scene-wave .master-bottomline{border-color:#41596b44}.scene-yuyu{background:#293126}.scene-gugu{background:#252c25}.scene-lilies{background:#3a3d4b}.museum-breath{text-align:center;background:#cfbea0;color:#3c4134;padding:100px 24px}.museum-breath>span{font-size:10px;letter-spacing:1.5px}.museum-breath p{font:clamp(30px,4vw,55px)/1.7 var(--serif);margin:35px 0}.museum-breath p em{color:#767055}.scene-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes pawPulse{0%{opacity:0;transform:scale(.3)}20%{opacity:.8}100%{opacity:0;transform:scale(2)}}
@media(min-width:1500px){.master-layout{grid-template-columns:.6fr 1.8fr}.master-sticky{padding-left:4vw;padding-right:4vw}}
@media(max-width:1000px){.masterpiece{min-height:145svh}.master-sticky{padding-top:100px}.master-layout{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:30px}.master-caption{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.master-caption .eyebrow{grid-column:1/-1}.master-caption h2{grid-row:2/4;margin:13px 0 0;font-size:33px}.master-caption p{margin-top:13px;font-size:14px}.scene-play{justify-self:start;margin-top:14px}.scene-hint{grid-column:2}.master-figure{width:100%;max-width:950px;align-self:center}.master-topline{font-size:9px}}
@media(max-width:600px){.museum-intro{padding:75px 23px 50px}.museum-intro h2{font-size:51px}.museum-intro>p:not(.museum-roman){font-size:16px}.museum-index{grid-template-columns:1fr 1fr;margin-top:40px}.museum-index a{font-size:15px;padding:17px 5px}.masterpiece{min-height:120svh}.master-sticky{padding:90px 23px 30px;min-height:100svh}.master-caption{display:block}.master-caption h2{font-size:32px;margin:20px 0 15px}.master-caption p{font-size:14px}.master-caption h2 br{display:none}.master-caption .scene-hint{display:inline-block;margin-left:12px;font-size:9px}.master-layout{padding-top:26px;gap:28px}.master-surface{outline-offset:5px}.master-figure figcaption{font-size:9px;margin-top:17px}.master-figure figcaption span:last-child{display:none}.master-bottomline{font-size:9px;letter-spacing:0}.museum-breath{padding:65px 23px}.museum-breath>span:last-child{line-height:1.8;display:block}.master-topline{letter-spacing:.5px}.museum-roman{font-size:280px}}
body.no-motion .masterpiece{min-height:0}body.no-motion .master-sticky{position:relative;min-height:0}body.no-motion .master-surface{transform:none!important;transition:none}body.no-motion .master-surface canvas,body.no-motion .master-glow,body.no-motion .scene-orbit{display:none}body.no-motion .scene-hint{display:none}body.no-motion .scene-play{opacity:.65}
@media(prefers-reduced-motion:reduce){html:not(.motion-override-on) .masterpiece{min-height:0}html:not(.motion-override-on) .master-sticky{position:relative;min-height:0}html:not(.motion-override-on) .master-surface{transform:none!important}html:not(.motion-override-on) .master-surface canvas,html:not(.motion-override-on) .master-glow,html:not(.motion-override-on) .scene-orbit{display:none}}
/* A touch gesture may explore horizontally; normal vertical scrolling and zoom remain native. */
.master-surface{touch-action:pan-y pinch-zoom}
.touch-echo{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.touch-echo i{position:absolute;left:var(--mx);top:var(--my);width:30px;height:30px;margin:-15px;border:1px solid #fff0bd;border-radius:50%;opacity:0;box-shadow:0 0 14px #fae8ae55}
.pulsing .touch-echo i{animation:touchEcho 1.7s ease-out both}
.pulsing .touch-echo i:nth-child(2){animation-delay:.16s}.pulsing .touch-echo i:nth-child(3){animation-delay:.32s}
.scene-starry .touch-echo i{border-radius:0;clip-path:polygon(50% 0,59% 38%,100% 50%,59% 62%,50% 100%,41% 62%,0 50%,41% 38%);background:#fce6a8;border:0}
.scene-lilies .touch-echo i,.scene-venus .touch-echo i,.scene-wave .touch-echo i{height:16px;margin-top:-8px}
.scene-pearl .master-glow{background:radial-gradient(ellipse at var(--mx) var(--my),#fff1b84d,transparent 42%)}
.motion-fallback .master-glow{opacity:.8;transform:translateX(var(--scene-drift,0px))}
.scene-visible .motion-fallback .master-glow{animation:paintLight 5s ease-in-out infinite alternate}
@keyframes touchEcho{0%{opacity:.9;transform:scale(.2)}100%{opacity:0;transform:scale(5)}}
@keyframes paintLight{from{opacity:.25}to{opacity:.85}}
@media(max-width:700px){
 .masterpiece.chapter{min-height:calc(var(--scene-height,100svh) + 40svh)}
 .master-sticky{top:min(0px,calc(100svh - var(--scene-height,100svh)));padding-top:84px}
 .master-layout{gap:22px;padding-top:25px;padding-bottom:23px}
 .master-figure{order:-1}
 .master-caption h2{font-size:29px;margin:13px 0 12px}
 .master-caption p{line-height:1.85}
 .master-caption .scene-hint{display:block;margin:10px 0 0;font-size:11px}
 .scene-play{min-height:44px;padding:11px 19px;margin-top:15px}
 .master-surface{transform:scale(calc(.92 + var(--scene-p)*.065))}
 .master-glow{background:radial-gradient(ellipse at var(--mx) var(--my),#ffe3a035,transparent 48%)}
 .scene-pearl .master-glow{background:radial-gradient(ellipse at var(--mx) var(--my),#fff1b866,transparent 45%)}
}
body.no-motion .touch-echo{display:none}body.no-motion .master-sticky{top:0}
@media(prefers-reduced-motion:reduce){html:not(.motion-override-on) .touch-echo{display:none}html:not(.motion-override-on) .master-sticky{top:0}html:not(.motion-override-on) .masterpiece.chapter{min-height:0}}