/* Only the visible pair is composited; hidden slides do not keep GPU layers. */
.scene,.scene img{will-change:auto}
.scene.is-visible{will-change:opacity}
.scene.is-visible>img{will-change:transform}
.scene{overflow:hidden;contain:paint}
.stage{min-height:0}
body.interior-mode #scene-stack .scene-backdrop{
  inset:0;filter:none;transform:none;background-color:#33332f;
}
body.interior-mode #scene-stack .scene img{filter:none}
.desktop-scroll{scroll-behavior:auto;overflow-anchor:none}
.desktop-frame{transform:none;left:calc((100vw - var(--desktop-frame-width))/2);top:calc((100svh - var(--desktop-frame-height))/2)}
.journey-loading{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;max-width:85%;padding:12px 18px;background:rgba(19,28,29,.9);color:#f3f0e7;font-size:12px;line-height:1.5;text-align:center;border-radius:4px;gap:12px;align-items:center}
.js .journey-loading{display:flex}
.journey-loading button{border:1px solid rgba(255,255,255,.5);padding:6px 10px;border-radius:2px}
.js:not([data-journey-ready]) #scene-stack,
.js:not([data-journey-ready]) #cloud-opening{visibility:hidden}
html[data-initial-journey="interior"]:not([data-journey-ready]) .ambient{display:none!important}
html[data-initial-journey="interior"]:not([data-journey-ready]) #intro-logo img[src="assets/vogue-logo.png"]{visibility:hidden}
@media(prefers-reduced-motion:reduce){.scene.is-visible,.scene.is-visible>img{will-change:auto}}

.lightbox-image-wrap[aria-busy="true"]::after,.lightbox-image-wrap[data-load-error]::after{content:'Loading render…';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(19,28,29,.9);color:#f3f0e7;padding:12px 18px;font-size:12px;border-radius:4px}
.lightbox-image-wrap[data-load-error]::after{content:'This render could not load. Please choose another view.'}

.ambient{filter:none;background-image:linear-gradient(90deg,rgba(19,28,29,.82),rgba(19,28,29,.42)),url('assets/city-ambient.webp')}
.lightbox-image-wrap{position:relative}