/* Opt-in motion header for one insights article. The poster stays in
   flow at the video's aspect ratio, so the slot does not jump when
   playback starts. Reduced motion, and a file that fails to play,
   leave that poster visible. */

.article-figure--motion .article-motion {
  position: relative;
  border-radius: var(--r-card);
  overflow: hidden;
  background: #e6e0da;
}

.article-figure--motion .article-motion__still {
  display: block;
  margin: 0;
}

.article-figure--motion .article-motion__still img {
  background: #e6e0da;
}

.article-figure--motion .article-motion__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #e6e0da;
}

.article-motion.is-still .article-motion__video {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .article-figure--motion .article-motion__video {
    display: none;
  }
}