/* The artwork supplies the architecture, consoles and companions. */
.brand-room[data-room="chatty"][open][data-view="media"]{display:block;background:#06090c}
.brand-room[data-room="chatty"][data-view="media"] .brand-room-shade{display:none}
.brand-room[data-room="chatty"] .brand-cinema-host{position:absolute;inset:0;margin:0;border:0;border-radius:0;background:#06090c;box-shadow:none;overflow:hidden;isolation:isolate;z-index:-3}
.cinema-set{position:absolute;inset:0;overflow:hidden;background:#06090c;isolation:isolate}
.cinema-room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.cinema-room-video{z-index:1}
.cinema-set::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#02060980,transparent 16%,transparent 82%,#0206096b);pointer-events:none}
/* Light projected onto the aisle. Perspective makes it approach along the floor. */
.cinema-runway{position:absolute;z-index:3;left:20%;right:20%;top:62%;height:25%;display:flex;align-items:center;justify-content:center;perspective:750px;perspective-origin:50% 0;pointer-events:none;mix-blend-mode:screen}
.cinema-floor-words{width:100%;margin:0;text-align:center;color:#fff0cb;font:850 clamp(23px,3.5vw,63px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.04em;text-wrap:balance;text-shadow:0 0 3px #ffdf8c,0 0 19px #ffb747b3;transform-origin:50% 0;transform:translateY(calc(var(--floor-travel,0)*54px)) rotateX(46deg) scale(calc(.62 + var(--floor-travel,0)*.44));opacity:var(--floor-opacity,1)}
.cinema-runway[data-beat="1"] .cinema-floor-words{font-size:clamp(21px,3.15vw,52px);max-width:760px}
.cinema-stations{position:absolute;inset:0;z-index:4;pointer-events:none}
.brand-room .cinema-station{position:absolute;display:flex;align-items:center;gap:9px;min-height:44px;padding:5px 4px;color:#fff6e6;border:0;border-bottom:1px solid #ffdba083;border-radius:0;background:transparent;text-shadow:0 1px 5px #000,0 0 12px #000;font:700 clamp(11px,1.05vw,15px)/1.2 Arial,sans-serif;pointer-events:auto;transform:translate(-50%,-50%);white-space:nowrap}
.cinema-station i{width:7px;height:7px;border-radius:50%;background:var(--station-color);box-shadow:0 0 0 5px #050a0c6b,0 0 18px var(--station-color)}
.cinema-station b{font:400 17px/1 Arial,sans-serif;color:#ffe4b0}
.cinema-station-front-desk{left:17%;top:57%;--station-color:#23dafa}
.cinema-station-office-manager{left:70%;top:72%;--station-color:#ffce38}
.cinema-station-sales{left:88%;top:53%;--station-color:#b67aff}
.brand-room .cinema-station[aria-expanded="true"]{border-bottom-color:#fff;filter:brightness(1.2)}
.cinema-station-detail{position:absolute;z-index:5;left:50%;bottom:19%;width:min(470px,60%);transform:translateX(-50%);text-align:center;text-shadow:0 2px 5px #000,0 0 15px #000,0 0 26px #000}
.cinema-station-title{font:750 clamp(17px,1.8vw,25px)/1.1 Arial,sans-serif;color:#ffe3aa;margin:0 0 8px}
.cinema-station-benefit{font:600 clamp(12px,1.25vw,16px)/1.5 Arial,sans-serif;color:#fff8ec;margin:0 0 12px;text-wrap:pretty}
.brand-room .cinema-station-try{display:inline-flex;align-items:center;gap:24px;min-height:42px;padding:10px 16px;border:1px solid #ffe0a5;border-radius:3px;background:#ffe0a5;color:#1b201f;font:750 11px/1.3 Arial,sans-serif;text-shadow:none}
.brand-room[data-room="chatty"][data-view="media"] .brand-room-top{position:absolute;inset:0 0 auto;z-index:6;background:linear-gradient(#02060980,transparent);padding:18px 28px}
/* The owner's words are on the floor. Keep the long description available to AT. */
.brand-room[data-room="chatty"] .brand-room-copy{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.brand-room[data-room="chatty"] .brand-room-controls{position:absolute;inset:auto 0 0;z-index:6;padding:13px 28px 18px;background:#050b12c9;backdrop-filter:blur(12px)}
.brand-room[data-room="chatty"] .brand-room-status{color:#e5ded0}
@media(max-width:800px){.brand-room[data-room="chatty"] .brand-room-controls{padding:11px 20px 16px}.cinema-station-detail{bottom:25%;width:65%}.cinema-runway{left:14%;right:14%;top:61%;height:22%}.cinema-station-office-manager{top:68%}.cinema-station-sales{left:85%}.brand-room[data-room="chatty"] .brand-room-buttons{margin-top:3px}}
@media(max-width:600px){
 .brand-room[data-room="chatty"] .brand-room-top{padding:12px 16px}.brand-room[data-room="chatty"] .brand-room-identity span{font-size:11px}
 .cinema-room{object-position:50% 50%}
 .cinema-runway{left:8%;right:8%;top:61%;height:19%;perspective:500px}.cinema-floor-words{font-size:clamp(26px,7vw,40px);transform:translateY(calc(var(--floor-travel,0)*28px)) rotateX(43deg) scale(calc(.68 + var(--floor-travel,0)*.3))}.cinema-runway[data-beat="1"] .cinema-floor-words{font-size:clamp(22px,5.8vw,32px);line-height:1.05}
 .cinema-stations{inset:55% 12px auto;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:9px;align-items:start}.brand-room .cinema-station{position:relative;left:auto;top:auto;transform:none;justify-content:center;gap:5px;min-height:44px;white-space:normal;font-size:10px;background:linear-gradient(transparent,#04080b7a);text-align:center}.cinema-station i{width:5px;height:5px;flex-shrink:0}.cinema-station b{font-size:14px}
 .cinema-station-detail{bottom:24%;width:calc(100% - 44px)}.cinema-station-title{font-size:19px}.cinema-station-benefit{font-size:12px;line-height:1.45;max-width:340px;margin:0 auto 10px}.brand-room .cinema-station-try{min-height:40px;font-size:10px;padding:9px 14px}
 .brand-room[data-room="chatty"] .brand-room-controls{padding:10px 15px 15px}.brand-room[data-room="chatty"] .brand-room-buttons{gap:5px}.brand-room[data-room="chatty"] .brand-room-buttons button{font-size:8px;gap:5px;padding:9px 8px;min-height:40px}.brand-room[data-room="chatty"] .brand-room-status{font-size:8px}
}
@media(max-height:600px) and (min-width:650px){.cinema-runway{top:59%;height:21%}.cinema-floor-words{font-size:35px}.cinema-runway[data-beat="1"] .cinema-floor-words{font-size:29px}.cinema-station-detail{bottom:23%;width:420px}.cinema-station-benefit{font-size:12px;line-height:1.4}.cinema-station-title{font-size:19px}.cinema-station-office-manager{top:64%}.cinema-station-sales{top:49%}.cinema-station-front-desk{top:51%}}