/* The frame keeps its full scene on desktop and mobile. No cover cropping. */
[data-preview-motion] {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  isolation: isolate;
  background: #081222;
}
[data-preview-motion] > video,
[data-preview-motion] > img.poster,
[data-preview-motion] > img.fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
[data-preview-motion] > img.poster { z-index: 1; opacity: 1; }
[data-preview-motion] > video,
[data-preview-motion] > img.fallback { z-index: 2; opacity: 0; }
[data-preview-motion][data-playback="video"] > video { opacity: 1; }
[data-preview-motion][data-playback="fallback"] > img.fallback { opacity: 1; }
[data-preview-motion][data-playback="video"] > img.poster,
[data-preview-motion][data-playback="fallback"] > img.poster { opacity: 0; }