.gallery-page{background:#f4e9e2}
.gallery-heading{padding:30px 4.5%;display:flex;align-items:end;justify-content:space-between;gap:20px}
.gallery-heading span{font-size:14px;letter-spacing:2px}
.gallery-heading h1{font:italic clamp(48px,6vw,80px)/1.1 Georgia,serif;color:#72253c}
.gallery-heading a{font-size:16px}
.exhibition{position:relative;background:#282124;height:min(75svh,800px);min-height:440px;overflow:hidden}
.room-viewport{position:absolute;inset:0;perspective:700px;overflow:hidden;touch-action:none;cursor:grab;background:#e4dcd1}
.room-viewport:active{cursor:grabbing}
.room-viewport:focus-visible{outline:3px solid #72253c;outline-offset:-4px}
.room-world{position:absolute;left:50%;top:50%;transform-style:preserve-3d;transform:translateZ(700px) translateZ(-650px)}
.room-wall,.room-floor,.room-ceiling{position:absolute;transform-style:preserve-3d;backface-visibility:hidden}
.room-wall{width:1800px;height:800px;left:-900px;top:-400px;background:linear-gradient(#d9d0c4,#fff9ef 45%,#ded6cc);border-bottom:14px solid #b7a99c;border-top:12px solid #c3b7aa}
.back-wall{transform:translateZ(-1200px)}
.left-wall{width:2400px;left:-1200px;transform:translateX(-900px) rotateY(90deg)}
.right-wall{width:2400px;left:-1200px;transform:translateX(900px) rotateY(-90deg)}
.entry-wall{transform:translateZ(1200px) rotateY(180deg);background:#72253c}
.room-floor,.room-ceiling{width:1800px;height:2400px;left:-900px;top:-1200px}
.room-floor{transform:translateY(400px) rotateX(90deg);background:repeating-linear-gradient(90deg,#c1a68c 0,#c1a68c 149px,#a99077 150px,#d0b89f 152px);border:8px solid #aa927c}
.room-ceiling{transform:translateY(-400px) rotateX(-90deg);background:#e9e2d9}
.exhibit{position:absolute;left:-170px;top:-240px;width:340px;height:490px;background:none;border:0;padding:0;backface-visibility:hidden;cursor:pointer;transform-style:preserve-3d;color:#30222a}
.exhibit img,.exhibit video{width:100%;height:400px;object-fit:contain;background:#faf7ee;padding:14px;border:9px solid #352c29;box-shadow:0 12px 24px #0004}
.exhibit span{display:block;background:#f9f6ed;width:90%;margin:20px auto 0;padding:9px;font-size:16px;line-height:1.25}
.exhibit:hover img,.exhibit:hover video{border-color:#72253c}
.video-exhibit video{object-fit:cover}
.sculpture-exhibit{width:300px;height:440px;top:-285px;overflow:visible}
.sculpture-exhibit img{position:relative;z-index:2;height:285px;padding:8px;border:0;background:#f3ede3;box-shadow:0 10px 20px #0003}
.sculpture-exhibit::before{content:"";position:absolute;z-index:1;left:-28px;top:278px;width:356px;height:32px;background:#6d5547;box-shadow:0 15px 22px #0005;transform:rotateX(7deg)}
.sculpture-exhibit::after{content:"";position:absolute;z-index:0;left:12px;top:300px;width:276px;height:116px;background:linear-gradient(90deg,#5a4235 0 14%,transparent 14% 86%,#5a4235 86%);border-top:12px solid #806858}
.sculpture-exhibit span{position:relative;z-index:3;margin-top:134px}
.room-guide{position:absolute;left:20px;bottom:20px;font-size:14px;line-height:1.6;background:#251921e8;color:#fff;padding:12px 16px;border-radius:6px;pointer-events:none}
.room-reset{position:absolute;top:20px;right:20px}
.room-controls{position:absolute;right:20px;bottom:20px;display:flex;gap:8px}
.room-controls button,.room-reset{border:1px solid #fff7;background:#251921ed;color:white;padding:12px 16px;border-radius:6px;font-size:16px;cursor:pointer;touch-action:none}
.room-controls button{min-width:48px;min-height:48px;font-size:24px}
.exhibit-list{padding:60px 4.5%}
.exhibit-list h2{font:italic 40px Georgia;margin-bottom:28px}
.exhibit-list>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.exhibit-list button{background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:16px/1.5 Arial}
.exhibit-list img{height:300px;width:100%;object-fit:contain;background:#e4d7ce;padding:20px;margin-bottom:14px}
.art-dialog{width:min(950px,94vw);max-height:94svh;background:#f4e9e2;border:0;padding:24px;color:#241719}
.art-dialog::backdrop{background:#160d13dc}
.art-dialog img,.art-dialog video{height:70svh;width:100%;object-fit:contain;margin:15px 0}
.art-dialog h2{font:24px Georgia}
.close-art{display:block;margin-left:auto;background:#72253c;color:white;border:0;padding:10px 18px;cursor:pointer;font-size:16px}
.gallery-page button:focus-visible{outline:3px solid #bd647c;outline-offset:4px}
@media(max-width:700px){.gallery-heading span{font-size:12px}
.gallery-heading{align-items:center}
.gallery-heading a{font-size:14px}
.exhibition{height:70svh}
.room-guide{left:12px;bottom:84px;right:12px;font-size:13px;width:fit-content}
.room-controls{bottom:15px;right:15px}
.room-reset{top:12px;right:12px}
.exhibit-list>div{grid-template-columns:1fr 1fr;gap:20px}
.exhibit-list img{height:220px;padding:10px}
.header-note{display:none}
}
@media(max-width:420px){.exhibit-list>div{grid-template-columns:1fr}
.header nav{gap:10px;font-size:12px}
}