/* Selected gallery and listening bar: original artworks over matched room plates. */
.new-room{position:absolute;inset:0;overflow:hidden;background:#e7e4de;pointer-events:none;transition:background .8s ease}
.new-room-scene{position:absolute;left:50%;top:50%;width:max(100%,177.68svh);aspect-ratio:1672/941;transform:translate(-50%,-50%)}
.new-room-scene>img{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;transition:opacity 1s ease}
.new-room-night{opacity:0}
[data-theme='dark'] .new-room-night{opacity:1}
.new-room::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#15120e88,transparent 52%);opacity:0;transition:opacity 1s ease}
[data-theme='dark'] .new-room::after{opacity:1}
[data-theme='dark'] .new-room{background:#302820}
.cats-gallery .room-art-1{left:48.8%;top:25.3%;width:16%;height:37.4%}
.cats-gallery .room-art-2{left:71%;top:25.3%;width:16.4%;height:37.4%}
.cats-gallery .room-art-frame{padding:clamp(2px,.22vw,4px);transform:none;box-shadow:2px 3px 3px #0005,6px 9px 10px #0003}
.walnut-active .hero-copy{left:12%;top:32%;width:32%}
.walnut-active .hero-copy h1{font-size:clamp(64px,8vw,135px);line-height:.94;letter-spacing:-.055em}
.walnut-active .hero-description{font-size:clamp(16px,1.8vw,29px);margin:18px 0 32px}
.company-bar .room-art-1{left:44.7%;top:18.6%;width:13.8%;height:32%}
.company-bar .room-art-2{left:60.7%;top:11.5%;width:16%;height:39.1%}
.company-bar .room-art-3{left:79.1%;top:18.6%;width:13%;height:32.3%}
.company-bar .room-art-frame{padding:clamp(4px,.45vw,8px);background:linear-gradient(100deg,#342414,#805a35 7%,#422a18 80%,#8e6944);border-color:#4a301d;transform:rotateZ(-.4deg);box-shadow:2px 3px 3px #0005,8px 10px 11px #0003}
.company-active .hero-copy{left:10%;top:28%;width:32%}
.company-active .hero-copy h1{font-size:clamp(64px,7.6vw,130px);line-height:.96}
.company-active .hero-description{max-width:none;font-size:clamp(14px,1.4vw,23px);margin:14px 0 26px}
/* Off duty: preserve the exact photographed poster pixels, isolate its outline. */
.room-scene>img{position:absolute;inset:0;transition:opacity 1s ease}
.room-scene>.off-duty-night{opacity:0}
[data-theme='dark'] .room-scene>img{filter:none}
[data-theme='dark'] .room-scene>.off-duty-night{opacity:1}
.room-panel::after{background:linear-gradient(90deg,#16100b66,transparent 58%)}
.room-poster-link{padding:0;transform-origin:76% 75%;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .8s ease;will-change:transform}
.room-poster-link>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;transition:opacity .8s ease}
.room-poster-link>.off-duty-poster-night{opacity:0}
[data-theme='dark'] .room-poster-link>.off-duty-poster-night{opacity:1}
.room-poster-link:focus-visible{filter:brightness(1.1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .new-room .room-art:hover .room-art-frame{transform:translateY(-8px) perspective(900px) rotateY(4deg) rotateX(2deg) scale(1.035);box-shadow:5px 8px 7px #0005,14px 24px 24px #0004}
 .room-poster-link:hover{transform:translateY(-7px) rotate(-.6deg) scale(1.018)}
}
@media(max-width:760px){
 .new-room-scene{width:145svh;left:50%;top:30%;transform:translateX(-68%)}
 .company-bar .new-room-scene{width:min(115svh,255vw);top:32%;transform:translateX(-70.5%)}
 .new-room::before{content:'';position:absolute;inset:0 0 auto;height:37%;z-index:3;pointer-events:none;background:linear-gradient(#e7e4de 78%,transparent);transition:background .8s ease}
 [data-theme='dark'] .new-room::before{background:linear-gradient(#302820 78%,transparent)}
 .walnut-active .hero-copy,.company-active .hero-copy{left:8%;top:14%;width:84%}
 .walnut-active .hero-copy h1,.company-active .hero-copy h1{font-size:clamp(39px,11vw,68px);line-height:1.02}
 .walnut-active .hero-description,.company-active .hero-description{font-size:clamp(14px,3.7vw,20px);margin:7px 0 0}
 .cats-gallery .room-art-1{left:51%;width:16%;top:25.3%}
 .cats-gallery .room-art-2{left:69%;width:16.4%;top:25.3%}
 .company-bar .room-art-1{left:52%;width:11%;height:29%;top:20%}
 .company-bar .room-art-2{left:64%;width:13%;height:34%;top:15%}
 .company-bar .room-art-3{left:78%;width:11%;height:29%;top:20%}
}
@media(prefers-reduced-motion:reduce){.new-room,.new-room::before,.new-room::after,.new-room-scene>img,.room-scene>img,.room-poster-link,.room-poster-link>img{transition:none;will-change:auto}}

@media(max-width:760px){
 .room-panel{background:#cfbda3}
 [data-theme='dark'] .room-panel{background:#412b1a}
 .room-panel::before{content:'';position:absolute;inset:0 0 auto;height:34%;z-index:2;pointer-events:none;background:linear-gradient(#cfbda3 78%,transparent)}
 [data-theme='dark'] .room-panel::before{background:linear-gradient(#412b1a 78%,transparent)}
}