.video-section {
  margin-top: -40px;
}

.video-card {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--glass-border, rgba(255, 255, 255, .12));
  background: rgba(6, 12, 24, .6);
}

.video-card__frame {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
}
@supports not (aspect-ratio: 16 / 9) {
  .video-card__frame { height: 0; padding-bottom: 56.25%; }
  
}

.video-card__frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.video-card__frame{position:relative;overflow:hidden;border-radius:inherit;background:#05070d}
.video-card__frame::before{content:"";position:absolute;inset:-30%;z-index:0;background:
 radial-gradient(38% 46% at 28% 34%,rgba(52,152,219,.42),transparent 62%),
 radial-gradient(34% 40% at 72% 62%,rgba(0,208,255,.3),transparent 64%),
 radial-gradient(30% 36% at 55% 18%,rgba(90,120,255,.26),transparent 66%);
 filter:blur(46px);animation:vidDrift 14s ease-in-out infinite alternate}
.video-card__frame::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.055) 50%,transparent 66%);transform:translateX(-120%);animation:vidSheen 3.6s cubic-bezier(.45,0,.2,1) infinite}
.video-card__frame > *{position:absolute;inset:0;z-index:2}
.video-card__lqip,.video-card__poster{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.video-card__lqip{z-index:2;filter:blur(18px) saturate(1.15);transform:scale(1.12);transition:opacity .7s ease}
.video-card__poster{z-index:3;opacity:0;transition:opacity .7s ease,filter .7s ease;filter:blur(8px)}
.video-card__frame.is-posted .video-card__poster{opacity:1;filter:blur(0)}
.video-card__frame.is-posted .video-card__lqip{opacity:0}
.video-card__frame iframe{z-index:4;opacity:0;transition:opacity .5s ease}
.video-card__frame.is-playing iframe{opacity:1}
.video-card__frame.is-playing .video-card__poster,.video-card__frame.is-playing .video-card__lqip{opacity:0}
.video-card__frame.is-playing::after{display:none}
@keyframes vidDrift{0%{transform:translate3d(-5%,-3%,0) scale(1.04)}50%{transform:translate3d(4%,3%,0) scale(1.12)}100%{transform:translate3d(-2%,5%,0) scale(1.06)}}
@keyframes vidSheen{0%{transform:translateX(-120%)}55%{transform:translateX(120%)}100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.video-card__frame::before{animation:none}.video-card__frame::after{display:none}.video-card__lqip,.video-card__poster,.video-card__frame iframe{transition:none}}