/* iPad Safari can suspend a 1px decoder positioned far outside the viewport.
   Keep the canvas path for Chromium, but let touch Apple WebKit composite the
   muted inline video in the visible hero frame. The poster remains beneath it
   until Safari has actually entered the playing state. */
.home-whale-frame.uses-native-video .home-whale-decoder {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  border-radius: inherit;
  object-fit: cover;
  object-position: 50% 50%;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateZ(0);
}

.home-whale-frame.uses-native-video .home-whale-decoder.is-playing-cleanly {
  opacity: 1 !important;
}

.home-whale-frame.uses-native-video .home-whale-canvas {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .home-whale-frame.uses-native-video .home-whale-decoder {
    display: none !important;
  }
}