/* Laptop video (a card in the gallery): responsive frame and
   poster-to-video transition. */
.civic-laptop-demo {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #d5d5d5;
  isolation: isolate;
}

.civic-laptop-demo > .civic-laptop-poster,
.civic-laptop-demo > video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.civic-laptop-demo > video {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.civic-laptop-demo[data-video-ready] > video { opacity: 1; }