/* Local, decorative footage sits inside the existing parallax planes. */
.hero .opening-scene { transform: translateZ(0); }
/* At rest the old mask is fully opaque; omit its compositing cost until scrolling. */
.hero .opening-frame[data-handoff="false"] .opening-scene { mask-image: none; }
.hero .scene-video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; pointer-events: none; opacity: 0;
  transition: opacity .6s ease;
}
.hero .scene-video[data-ready="true"] { opacity: 1; }
.hero .leaf-video { object-position: center; filter: saturate(.8) contrast(1.1) brightness(.85); }
.hero .cellular-video { object-position: 64% center; filter: hue-rotate(-65deg) saturate(.55) brightness(.85); }
.hero .story-motion-toggle { top: auto; bottom: 28px; right: max(48px, 5vw); z-index: 2; }
@media (max-width: 700px) {
  .hero .cellular-video { object-position: 56% center; }
  .hero .story-motion-toggle { right: 24px; bottom: 24px; }
}
@media (prefers-reduced-motion: reduce), (max-height: 650px) {
  .hero .scene-video { display: none; transition: none; }
}