/* Play-only progressive enhancement. The content never joins the camera motion. */
.scene--play .scene-image {
  transform-origin: 72% 56%;
  animation: play-camera-fallback 12s cubic-bezier(.38, .04, .45, .98) infinite alternate;
  animation-delay: -1.5s;
}

.scene--play .play-depth-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.scene--play.has-depth-motion .scene-image {
  visibility: hidden;
  animation: none;
  will-change: auto;
}

.scene--play.motion-paused .scene-image,
.scene--play.motion-paused::after {
  animation-play-state: paused;
}

@keyframes play-camera-fallback {
  from { transform: translateX(-.15%) scale(1.035); }
  to { transform: translateX(-1.1%) translateY(.35%) scale(1.19); }
}

@media (prefers-reduced-motion: reduce) {
  .scene--play .scene-image {
    animation: none;
    transform: none;
    will-change: auto;
  }

  .scene--play .play-depth-canvas { display: none; }
  .scene--play.has-depth-motion .scene-image { visibility: visible; }
  .scene--play::after { animation: none; }
}