/* Skin the frame and control using the site's own art direction. */
.premium-media { position: relative; overflow: hidden; aspect-ratio: 16 / 9; }
.premium-media picture, .premium-media img { display: block; width: 100%; height: 100%; }
.premium-media img, .premium-media video { object-fit: cover; }
.premium-media video { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.premium-media.is-playing video { opacity: 1; }
.premium-media [data-media-toggle] {
  position: absolute; z-index: 1; right: 1rem; bottom: 1rem;
  min-height: 44px; padding: .6rem .9rem; border: 1px solid currentColor;
  border-radius: var(--radius, 0); color: #fff; background: #161616;
  font: inherit; cursor: pointer;
}
.premium-media [data-media-toggle]:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.premium-media [hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .premium-media video, .premium-media [data-media-toggle] { display: none; }
}