/* The existing card, caption and responsive geometry remain in site.css. */
.motion-card .motion-visual .lm-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 1;
}
.motion-card .motion-visual .lm-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #0b1012;
  opacity: 0;
  pointer-events: none;
}
.motion-card .motion-visual.lm-ready .lm-video { opacity: 1; }
.motion-card .motion-visual.lm-ready .lm-poster { opacity: 0; }
.motion-card .motion-visual .play-motion { z-index: 2; }