/* Original supplied studio image; the live logo remains a separate interactive layer. */
.hero { isolation:isolate; background-color:#201E1C; background-image:url("../assets/optimized/studio/original-room.webp"); background-size:cover; background-position:center center; background-repeat:no-repeat; }
.hero .hero-back-glow { display:none; }
.hero > .studio-background { display:none; }
html.intro-pending .hero { background-image:none; background-color:var(--black,#201E1C); }
html.intro-pending .hero-explore, html.intro-pending .hero .scroll-cue { visibility:hidden; }

/* Room reveal is driven by the same clock as the 900ms logo formation zoom. */
.hero { background-image:none; }
.hero-room-image { position:absolute; inset:0; z-index:-1; pointer-events:none; background:url("../assets/optimized/studio/original-room.webp") center/cover no-repeat; opacity:1; }
html.intro-pending .hero-room-image { opacity:var(--room-reveal,0); }
@media(prefers-reduced-motion:reduce) { html.intro-pending .hero-room-image { opacity:1; } }