.work-media video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.work-card:hover video{transform:scale(1.035)}
.lazy-video{
  position:absolute;
  inset:0;
  opacity:0;
  z-index:1;
}
.lazy-video.is-ready{
  opacity:1;
}
.video-placeholder{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  background:
    radial-gradient(circle at 50% 38%,rgba(134,92,255,.22),transparent 34%),
    linear-gradient(160deg,#10121a,#07080d);
  color:#fff;
  text-align:center;
  transition:opacity .25s,visibility .25s;
}
.video-poster{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  z-index:0;
  transition:opacity .3s,visibility .3s;
  background:#0d0e14;
}
.lazy-video.is-ready + .video-placeholder,
.lazy-video.is-ready + .video-poster{
  opacity:0;
  visibility:hidden;
}
.video-placeholder b{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 0 30px rgba(134,92,255,.35);
}
.video-placeholder span{
  color:#aeb1c2;
  font-size:12px;
  letter-spacing:2px;
}