/* One photograph moves from the place itself into the working comparison. */
.room-cinema-photo,.room-cinema-caption{display:none}
body:has(.tour-route) .room-cinema-active{padding-top:0!important}
.room-cinema-active .room-cinema-track{position:relative}
body:has(.tour-route) .room-cinema-active .transformation-sticky{position:sticky;top:var(--room-top,72px);width:100%;max-width:none;display:block;padding:24px max(20px,calc((100% - 1120px)/2));overflow:visible;transform:none}
.room-cinema-active .signature-lab{opacity:1}
.room-cinema-active .room-cinema-photo{display:block;position:absolute;z-index:4;overflow:hidden;pointer-events:none;will-change:width,height,top,left;box-shadow:0 20px 55px #14202145;background:#b9a183}
.room-cinema-active .room-cinema-photo[hidden]{display:none}
.room-cinema-photo img{position:relative;max-width:none;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform-origin:55% 45%;will-change:transform}
.room-cinema-active .room-cinema-caption{display:flex;position:absolute;z-index:5;top:35px;left:6%;right:6%;align-items:flex-start;flex-direction:column;color:#fff7e9;text-shadow:0 2px 20px #000;pointer-events:none}
.room-cinema-caption:before{content:'';position:absolute;inset:-35px -7vw -50px;background:linear-gradient(#111b1bc9,transparent);z-index:-1;pointer-events:none}
.room-cinema .room-cinema-caption .eyebrow{color:#fff1d6!important;font-size:12px;margin:0 0 14px}
.room-cinema-caption>p:not(.eyebrow){font:500 clamp(34px,4.5vw,66px)/1.05 var(--serif);max-width:14ch;margin:0 0 18px}
.room-cinema-caption>span{font:12px var(--ui);letter-spacing:.03em}
.room-cinema-caption button{pointer-events:auto;font:12px var(--ui);color:#fff7e9;background:#19272b9c;border:1px solid #efe6d080;border-radius:24px;margin-top:20px;padding:12px 16px;cursor:pointer}
.room-cinema-caption[inert]{visibility:hidden}
@media(max-width:600px){
 body:has(.tour-route) .room-cinema-active .transformation-sticky{padding:14px 10px}
 body:has(.tour-route) .room-cinema .signature-lab .lab-heading h2{font-size:34px}
 body:has(.tour-route) .room-cinema .redesign-intro{font-size:16px;line-height:1.3;margin:8px 0 16px}
 .room-cinema .scene-tabs button{font-size:11px;min-height:40px;padding:7px 4px}
 .room-cinema-caption>p:not(.eyebrow){font-size:40px}
}
@media(prefers-reduced-motion:reduce){.room-cinema-photo,.room-cinema-caption{display:none!important}}