/* Approved photographic room + interactive foreground objects. */
.hybrid-room #room-plate{position:absolute;inset:-1%;transform:translate(var(--look-x,0px),var(--look-y,0px)) scale(1.02);transition:transform 1.35s cubic-bezier(.22,.75,.2,1);will-change:transform;transform-origin:50% 50%}
.hybrid-room #room-image{inset:0;background-image:url('./studio-hybrid-20261010.png');background-position:center;background-size:cover;transform:none!important;filter:brightness(.91);transition:filter 1.2s,background-position 1.35s}
.hybrid-room #projection{opacity:.1;transform:none;mix-blend-mode:screen}
.hybrid-room .room-shade{background:linear-gradient(180deg,#14151270,transparent 24%,transparent 70%,#1415128a)}
.hybrid-room[data-zone=sound] #room-plate{transform:scale(1.38);transform-origin:17% 51%}
.hybrid-room[data-zone=visual] #room-plate{transform:scale(1.38);transform-origin:91% 55%}
.hybrid-room[data-zone=desk] #room-plate{transform:scale(1.6);transform-origin:47% 42%}
.hybrid-room:not([data-zone=room]) #room-image{filter:brightness(.57) blur(2.5px)}
.hybrid-room:not([data-zone=room]) #projection{opacity:0}
.hybrid-room .hotspot{border-radius:4px;padding:14px 18px;background:#191a1738;backdrop-filter:blur(6px);border:1px solid #eee3;box-shadow:0 8px 40px #0002;transform:translate(-10px,-50%)}
.hybrid-room .hotspot:hover{background:#191a1766;transform:translate(-10px,calc(-50% - 4px))}
.hybrid-room .hotspot{width:max-content;white-space:nowrap}
.hybrid-room .hotspot span{font-size:18px}
.hybrid-room .hotspot small{font-size:10px}
.hybrid-room .hotspot i{flex-shrink:0}
.hybrid-room .hot-desk{transform:translate(-50%,-50%)}
.hybrid-room .hot-desk:hover{transform:translate(-50%,calc(-50% - 4px))}
.hybrid-room .hot-visual{transform:translate(-100%,-50%)}
.hybrid-room .hot-visual:hover{transform:translate(-100%,calc(-50% - 4px))}
@media(max-width:760px){
 .hybrid-room #room-plate{inset:0;transform:none}
 .hybrid-room #room-image{background-position:48% center}
 .hybrid-room #projection{display:none}
 .hybrid-room[data-zone=sound] #room-image{background-position:14% center}
 .hybrid-room[data-zone=visual] #room-image{background-position:89% center}
 .hybrid-room[data-zone=desk] #room-image{background-position:47% center}
 .hybrid-room[data-zone=sound] #room-plate,.hybrid-room[data-zone=visual] #room-plate{transform:scale(1.12);transform-origin:50% 50%}
 .hybrid-room[data-zone=desk] #room-plate{transform:scale(1.25);transform-origin:50% 42%}
 .hybrid-room .room-hotspots{position:absolute;left:5%;right:5%;bottom:19%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
 .hybrid-room .hotspot{position:relative;left:auto!important;top:auto!important;right:auto;width:auto;white-space:normal;display:flex;flex-direction:column;gap:13px;text-align:center;padding:20px 5px 14px;transform:none!important;background:#22282166}
 .hybrid-room .hotspot span{font-size:16px}
 .hybrid-room .hotspot b{margin-left:4px;font-size:14px}
 .hybrid-room .hotspot small{font-size:9px;line-height:1.5;max-width:85px;margin:7px auto 0}
 .hybrid-room .entrance-footer{bottom:7%;left:6%;right:6%}
 .hybrid-room .entrance-footer>span{display:none}
 .hybrid-room .room-shade{background:linear-gradient(#10151166,transparent 28%,transparent 46%,#11171188)}
}
@media(prefers-reduced-motion:reduce){.hybrid-room #room-plate,.hybrid-room #room-image{transition:none}}