/* Match the existing character footprint; poster and video share one canvas. */
.posivibez-preview-media {
  position: relative;
  width: 58%;
  aspect-ratio: 1;
  isolation: isolate;
}
.posivibez-preview-media > img,
.posivibez-preview-media > video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
.posivibez-preview-media > img { z-index: 1; opacity: 1; }
/* Keep the video layer composited before the first hover. A fully zero-opacity
   layer is skipped by Chromium and can render one empty frame when revealed.
   .001 is below one 8-bit colour step; the matching poster owns the idle image. */
.posivibez-preview-media > video { opacity: .001; will-change: opacity; }
.posivibez-cover-framed.is-running .posivibez-preview-media > img { opacity: 0; }
.posivibez-cover-framed.is-running .posivibez-preview-media > video { opacity: 1; }
@media (hover: none), (max-width: 767px) {
  .project-hover-plane > .posivibez-cover-framed.is-active { scale: 1.05; }
}
@media (prefers-reduced-motion: reduce) {
  .project-hover-plane > .posivibez-cover-framed.is-active { scale: 1; }
  .posivibez-preview-media > img, .posivibez-preview-media > video { transition: none; }
}