/* ============================================
   FOOTER VIDEO — Transparent overlay on CTA
   ============================================ */
.cta-section {
  position: relative;
  overflow: visible;
}

#footerVideo {
  position: absolute;
  bottom: -2vh;
  left: 5vw;
  width: 22vw;
  height: auto;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.6s ease;
}

#footerVideo.playing {
  opacity: 1;
}

/* ── Tablet ── */
@media (max-width: 1024px) {
  #footerVideo {
    width: 30vw;
  }
}

/* ── Mobile ── */
@media (max-width: 768px) {
  #footerVideo {
    width: 48vw;
    bottom: -1vh;
    left: -1vw;
  }
}