/* V23 preserves the existing studio and makes the binary field visible across
   the full viewport, including the central preview. */
#atmosphere-canvas {
  mask-image: none;
  -webkit-mask-image: none;
}
.entry-progress::before { animation-duration: 5.2s; }
/* The entrance is the tunnel itself; the HUD introduces the brand afterwards. */
.entry-tunnel-label,.entry-progress { display: none; }
.entry-sequence.is-hud { background:#020c1780; backdrop-filter:none; transition:background 1s,opacity .65s; }
.entry-sequence .entry-canvas { transition:opacity 1.15s ease-out; }
.entry-sequence.is-hud .entry-canvas { opacity:0; }
/* Hybrid/touch-capable Chrome can report hover:none while a real mouse is used. */
body.mouse-active:not(.motion-off) .experience-hero .studio-panel:hover,
body.mouse-active:not(.motion-off) .experience-hero .studio-panel:focus-visible {
  transform: perspective(900px) translateZ(14px) translateY(-6px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.085) !important;
}
body.mouse-active:not(.motion-off) .interactive-frame:hover,
body.mouse-active:not(.motion-off) .interactive-frame:focus-visible,
body.mouse-active:not(.motion-off) .interactive-frame:focus-within {
  transform: perspective(1000px) translateZ(9px) translateY(-5px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.035) !important;
}
body.mouse-active:not(.motion-off) .scene-teasers a:hover,
body.mouse-active:not(.motion-off) .showcase-film a:hover {
  transform: perspective(850px) translateZ(9px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.035) !important;
}
/* Explicitly enabling animation on the site overrides the OS preference. */
@media (prefers-reduced-motion: reduce) {
  body:not(.motion-off) .entry-sequence:not(.force-play) { display: block; }
}