/* Continuous 2.5D layer scene. All movement is compositor-only; the network
   is finished before the loader releases the page. */
.live-scene {
  position: absolute;
  z-index: -18;
  inset: 0;
  overflow: hidden;
  background: #03010c;
  opacity: 0;
  pointer-events: none;
  transition: opacity 240ms ease;
  contain: strict;
}

.live-scene__stage {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: visible;
  transform-origin: 50% 50%;
}

.live-scene__camera {
  position: absolute;
  z-index: 1;
  inset: 0;
  overflow: visible;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.live-scene__layer {
  position: absolute;
  display: block;
  max-width: none;
  pointer-events: none;
  user-select: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.hero.live-scene-ready .live-scene { opacity: 1; }
.hero.live-scene-ready:not(.live-scene-settled) .scene { visibility: visible; }
.hero.live-scene-settled .scene { visibility: hidden; }
.hero.live-scene-ready .atmosphere { display: none !important; }

.arara-live-scene .entry-primary__glow,
.arara-live-scene .entry-primary__device {
  animation-play-state: paused !important;
}

.arara-live-scene .hero.is-cta-visible .entry-primary__glow,
.arara-live-scene .hero.is-cta-visible .entry-primary__device {
  animation-play-state: running !important;
}

.arara-live-scene body.is-fast-scrolling .entry-primary__glow,
.arara-live-scene body.is-fast-scrolling .entry-primary__device,
.arara-live-scene body.is-user-scrolling .entry-primary__glow,
.arara-live-scene body.is-user-scrolling .entry-primary__device {
  animation-play-state: paused !important;
}

@media (prefers-reduced-motion: reduce) {
  .live-scene { display: none; transition: none; }
}