/* One pinned stage, three layered images. Scroll controls both crossfades and titles. */
.room-stage{position:relative}
.room-scene{height:100svh}
.room-scene-frame{position:relative}
.motion-ready .room-scenes{height:820svh}
.motion-ready .room-stage{height:100svh;position:sticky;top:0;width:100%;overflow:hidden;isolation:isolate}
.motion-ready .room-scene{position:absolute;inset:0;height:100%;width:100%;pointer-events:none}
.motion-ready .room-scene-frame{position:absolute;inset:0;height:100%;width:100%;isolation:auto;overflow:visible}
.motion-ready .room-scene-frame>img{opacity:var(--room-image-opacity,0);will-change:opacity}
.motion-ready .room-scene:first-child .room-scene-frame>img{opacity:1}
.motion-ready .room-scene-frame:after{z-index:3;opacity:var(--room-image-opacity,0)}
.motion-ready .room-scene-title{z-index:5;opacity:var(--room-text-opacity,0);will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){
 .motion-ready .room-scenes{height:auto}
 .motion-ready .room-stage{position:relative;height:auto;overflow:visible}
 .motion-ready .room-scene{position:relative;height:100svh;pointer-events:auto}
 .motion-ready .room-scene-frame{position:relative;height:100svh;overflow:hidden}
 .motion-ready .room-scene-frame>img,.motion-ready .room-scene-frame:after,.motion-ready .room-scene-title{opacity:1;will-change:auto}
 .motion-ready .room-scene-title{transform:none}
}
.motion-ready .room-scene-frame:after{display:none}
.motion-ready .room-stage:after{content:'';position:absolute;inset:45% 0 0;z-index:3;background:linear-gradient(transparent,#0005);pointer-events:none}
@media(prefers-reduced-motion:reduce){.motion-ready .room-stage:after{display:none}.motion-ready .room-scene-frame:after{display:block}}