/* Original images remain fixed beneath local water and atmosphere layers */
.cinematic-surface,
.cinematic-scene-canvas,
.cinematic-effects-canvas,
.cinematic-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cinematic-surface { overflow: hidden; isolation: isolate; z-index: 1; }
.cinematic-scene-canvas { z-index: 0; }
.cinematic-effects-canvas { z-index: 1; }
.cinematic-petals { position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2; }
.cinematic-petal { position:absolute;left:0;top:0;border-radius:70% 25%;background:#f8c9db;will-change:transform; }
.cinematic-scene-canvas[hidden],.cinematic-effects-canvas[hidden],.cinematic-petal[hidden] { display:none!important; }
.cinematic-video { z-index: 2; object-fit: cover; opacity: 0; transition: opacity .5s ease; }
.cinematic-video.is-ready { opacity: 1; }
.cinematic-surface[hidden],
.cinematic-surface.is-video > .cinematic-scene-canvas,
.cinematic-surface.is-video > .cinematic-effects-canvas,
.cinematic-surface.is-video > .cinematic-petals { display: none; }
.hero .hero-image,
.feature-art .feature-scene-image {
  animation: none !important;
  transform: none !important;
  will-change: auto;
}
.hero .hero-scene-layer::after,
.feature-art .feature-scene-atmosphere { display: none !important; }
@media(prefers-reduced-motion:reduce) {
  .cinematic-video { transition: none; }
}
/* Motion preferences pause the renderer. Keep its last complete frame visible
   so enabling reduced motion or data saving never removes the animals. */