/* A matched pair of photographic exposures; artwork remains interactive. */
.cinema-room{position:absolute;inset:0;overflow:hidden;background:#d2c5b2;pointer-events:none;transition:background .8s ease}
.cinema-scene{position:absolute;left:50%;top:50%;width:max(100%,177.68svh);aspect-ratio:1672/941;transform:translate(-50%,-50%)}
.cinema-scene>img{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;transition:opacity 1s ease}
.cinema-night{opacity:0}
[data-theme='dark'] .cinema-night{opacity:1}
[data-theme='dark'] .cinema-room{background:#34291e}
.cinema-room .room-art{left:58.4%;top:13.1%;width:20%;height:47.3%}
.cinema-room .room-art-frame{padding:clamp(6px,.75vw,14px);border:1px solid #49301b;background:linear-gradient(100deg,#392411,#86613c 4%,#573a20 12%,#432b18 88%,#7e5831 96%,#372416);box-shadow:inset 1px 1px 2px #c6a67a88,3px 4px 4px #0005,9px 10px 14px #0004;transform:rotateY(-1deg) rotateZ(-.3deg)}
.cinema-room .room-art-frame img{object-fit:fill}
.cinema-room .room-art-frame::after{background:linear-gradient(110deg,#fff2 0%,transparent 45%);inset:3%}
[data-theme='dark'] .cinema-room .room-art-frame{filter:brightness(.92) sepia(.12);box-shadow:inset 1px 1px 2px #d9a96788,3px 4px 4px #0006,9px 12px 18px #0005}
[data-theme='dark'] .cinema-room .room-art-frame::after{background:linear-gradient(120deg,transparent 40%,#ffcb7920)}
.cinema-active .hero-copy{left:15.4%;top:27%;width:34%}
.cinema-active .hero-copy h1{font-size:clamp(64px,8.3vw,142px);line-height:.94;letter-spacing:-.045em}
.cinema-active .hero-description{max-width:100%;margin:12px 0 26px;font-size:clamp(13px,1.15vw,18px);line-height:1.3}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cinema-room .room-art:hover .room-art-frame{transform:translateY(-7px) rotateY(3deg) rotateX(2deg) rotateZ(.3deg) scale(1.025);box-shadow:4px 7px 5px #0005,14px 23px 22px #0005}}
@media(max-width:760px){
 .cinema-scene{width:142.14svh;left:50%;top:23%;transform:translateX(-68.4%)}
 .cinema-room::after{content:'';position:absolute;inset:0 0 auto;height:30%;background:linear-gradient(#d2c5b2 77%,transparent);pointer-events:none;transition:background .8s ease}
 [data-theme='dark'] .cinema-room::after{background:linear-gradient(#34291e 77%,transparent)}
 .cinema-active .hero-copy{left:8%;top:13%;width:84%}
 .cinema-active .hero-copy h1{font-size:clamp(34px,9.6vw,68px);line-height:1.05}
 .cinema-active .hero-description{font-size:clamp(13px,3.5vw,18px);margin:6px 0 0}
 .cinema-room .room-art-frame{padding:6px}
}
@media(prefers-reduced-motion:reduce){.cinema-room,.cinema-scene>img,.cinema-room::after{transition:none}}