/* Five rooms, five different mechanisms. Original artwork is never repainted. */
.mw-wrap{height:auto!important}
.mw-wrap:has(.mw-ready){height:260svh!important}
.mw-stage.dstage{isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding:64px 28px 92px;min-height:680px}
.mw-stage.dstage::after{pointer-events:none;background:linear-gradient(180deg,#0617263b,#06172620 42%,#061726e8 73%,#061726fc)}
.mw-stage.dstage .s-copy{max-width:920px;opacity:1!important;text-align:center;z-index:4}
.mw-stage .s-copy .kick{font:11px/1.4 sans-serif;letter-spacing:.3em;color:#edc88d}
.mw-stage .s-copy h2{font-size:clamp(27px,3.1vw,43px);line-height:1.4;margin:9px 0 12px;font-weight:500;letter-spacing:.04em}
.mw-stage .s-copy h2 br{display:none}
.mw-stage .s-copy .s-sub{max-width:720px;margin:0 auto 13px;font-size:14px;line-height:1.85}
.mw-stage .s-copy .st-open{padding:10px 24px;font-size:13px;line-height:1.5}
.mw-stage .float-layer.mw-art{display:block;position:relative;inset:auto;z-index:3;min-height:0;width:100%;max-width:1120px;margin:auto;height:100%;perspective:1400px;pointer-events:none}
.mw-cards{position:absolute;inset:0;transform-style:preserve-3d}
.mw-card{position:absolute;top:50%;left:50%;width:var(--card-width,260px);margin:0;padding:5px;background:#f4ebd8;border:1px solid #e5cca2;box-shadow:0 16px 30px #0006,0 3px 6px #0005;transform:translate(-50%,-50%);transform-origin:center;backface-visibility:hidden;pointer-events:auto;border-radius:3px}
.mw-card .mw-open{display:block;position:relative;background:#0b1c27;overflow:hidden;border-radius:1px}
.mw-card img{display:block;width:100%;height:var(--card-height,260px);object-fit:contain;background:#0b1c27;filter:none!important}
.mw-card .mw-open:focus-visible{outline:3px solid #ffe3a4;outline-offset:7px}
.mw-card figcaption{color:#203948;background:#f4ebd8;font:10px/1.5 sans-serif;letter-spacing:.01em;text-align:center;margin:0;padding:5px 0 1px;text-shadow:none}
.mw-ready .mw-card:not([data-active="true"]) figcaption{display:none}
.mw-ready .mw-card{will-change:auto}
.mw-stage[data-mw-visible="true"]:not([data-mw-paused="true"]) .mw-card{will-change:transform}
.mw-stage .mw-controls{display:none;position:absolute;right:26px;top:16px;z-index:6;align-items:center;gap:8px;color:#f3e6c8}
.mw-stage.mw-ready .mw-controls{display:flex}
.mw-controls button{border:1px solid #d3b47b85;background:#071d2de8;color:#f5e6c9;border-radius:999px;min-width:40px;min-height:40px;padding:8px 12px;font:12px/1.3 sans-serif;cursor:pointer}
.mw-controls button:hover{background:#1c3b4c;border-color:#efd2a0}
.mw-controls button:focus-visible{outline:2px solid #ffe3a4;outline-offset:3px}
.mw-controls .mw-count{min-width:45px;text-align:center;font:11px/1.2 sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.mw-controls .mw-toggle{margin-left:6px;min-width:114px}
.mw-folio{position:absolute;inset:2% 1%;border:1px solid #ceb17b9c;border-radius:12px;background:linear-gradient(90deg,#071724b3,#183548b3 48%,#082035b3);box-shadow:0 20px 60px #0004,inset 0 0 0 5px #ecd6a214;transform:perspective(900px) rotateX(4deg)}
.mw-folio::before{content:"";position:absolute;inset:0 49.9%;background:#dabb7d55;box-shadow:0 0 24px #d6b877}
.mw-focus-frame{position:absolute;left:50%;top:50%;width:42%;height:98%;transform:translate(-50%,-50%);border:1px solid #e6c18b55;border-radius:90px 90px 5px 5px;background:radial-gradient(ellipse at 50% 35%,#dbc28e35,transparent 68%);box-shadow:0 0 60px #f0c56b0c}
.mw-film-rail{position:absolute;inset:4% -30%;border-top:22px solid #07101d;border-bottom:22px solid #07101d;background:#07101d85;box-shadow:0 8px 40px #0008;transform:rotate(-3deg)}
.mw-film-rail::before,.mw-film-rail::after{content:"";position:absolute;height:8px;left:0;right:0;background:repeating-linear-gradient(90deg,transparent 0 18px,#c0b59099 18px 28px,transparent 28px 42px)}
.mw-film-rail::before{top:-15px}.mw-film-rail::after{bottom:-15px}
.mw-stage.dstage .mw-card video.mw-playback{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;z-index:1;background:transparent;transform:none!important}
.mw-plinth{position:absolute;left:4%;right:4%;bottom:2%;height:26%;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#cda7653f,#103246d0 60%,#030f1988 65%);border:1px solid #d8b57380;box-shadow:0 24px 22px #0005,inset 0 -9px 0 #b0916024;transform:perspective(800px) rotateX(34deg)}
.mw-case{position:absolute;left:13%;right:13%;bottom:2%;height:25%;border:1px solid #d6b26dd4;border-radius:8px 8px 16px 16px;background:linear-gradient(180deg,#0b2638f0,#0a1723);box-shadow:0 16px 25px #0007,inset 0 0 0 6px #b5904c19}
.mw-case::before{content:"";position:absolute;inset:12px 12px;border:1px solid #a88b5966;border-radius:6px}
.mw-case::after{content:"";position:absolute;left:46%;right:46%;height:21%;bottom:-3px;background:linear-gradient(90deg,#987c50,#f5d797,#987c50);border-radius:3px}
.mw-card.is-unavailable .mw-open{min-height:60px;background:linear-gradient(135deg,#132d3d,#071827)}
.mw-card.is-unavailable img{visibility:hidden}
/* A complete, readable exhibition when animation is unavailable. */
.mw-stage:not(.mw-ready){height:auto;min-height:100svh}
.mw-stage:not(.mw-ready) .mw-art{min-height:0;height:auto;perspective:none}
.mw-stage:not(.mw-ready) .mw-cards{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mw-stage:not(.mw-ready) .mw-card{position:relative;left:auto;top:auto;width:auto;transform:none!important}
.mw-stage:not(.mw-ready) .mw-card img{height:auto;max-height:180px}
.mw-stage:not(.mw-ready) :is(.mw-folio,.mw-focus-frame,.mw-film-rail,.mw-plinth,.mw-case){display:none}
@media(max-width:700px){
 .mw-wrap:has(.mw-ready){height:250svh!important}
 .mw-stage.dstage{padding:66px 14px 96px;gap:22px;min-height:650px}
 .mw-stage .s-copy h2{font-size:29px;line-height:1.45;letter-spacing:.025em;margin:8px 0 11px}
 .mw-stage .s-copy h2 br{display:block}
 .mw-stage .s-copy .s-sub{font-size:12px;line-height:1.85;max-width:340px;margin-bottom:12px}
 .mw-stage .s-copy .st-open{padding:9px 18px;font-size:12px}
 .mw-stage .mw-controls{top:14px;right:14px;gap:5px}
 .mw-controls .mw-toggle{min-width:108px;margin-left:4px}
 .mw-card{padding:3px;box-shadow:0 10px 18px #0007}
 .mw-card figcaption{font-size:9px}
 .mw-focus-frame{width:65%;border-radius:65px 65px 4px 4px}
 .mw-stage:not(.mw-ready) .mw-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
}
@media(max-height:690px) and (min-width:701px){.mw-stage.dstage{min-height:540px;padding-bottom:64px;gap:10px}.mw-stage .s-copy h2{font-size:28px;margin:6px 0}.mw-stage .s-copy .s-sub{font-size:12px;margin-bottom:8px}.mw-stage .s-copy .st-open{padding:7px 18px}}
@media(prefers-reduced-motion:reduce){.mw-stage .mw-toggle{display:none!important}.mw-stage .mw-card{will-change:auto!important}}

@media(max-width:700px){#dive-cinema .s-copy h2{font-size:24px;line-height:1.55}}