/**
 * @file
 * Decorative motion clip. Only what is true of every clip; the host component
 * sets the aspect ratio through --ln-video-ratio on a modifier class.
 */

.ln-video {
  display: block;
  inline-size: 100%;
  max-inline-size: 100%;
  block-size: auto;

  /* Reserved to stop reflow when metadata arrives; must match the asset. */
  aspect-ratio: var(--ln-video-ratio, auto);

  /* contain, so a ratio mismatch shows as bars rather than a silent crop. */
  object-fit: contain;

  /* Decoration, not a control surface — and video.js binds hover to the parent
     because the event passes straight through. */
  pointer-events: none;
}