/* CAFFEINE — scroll-controlled video hero
   A tall container with a sticky inner wrapper; caffeine-scroll-video.js
   maps scroll position onto video.currentTime so the user scrubs the
   footage by scrolling.

   Markup lives in an Elementor HTML widget — see caffeine-scroll-video.js
   for the structure it expects. */

.scroll-video-section {
  position: relative;
  height: 400vh; /* total scroll distance for the climb; more = slower */
}

.scroll-video-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.scroll-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.scroll-video-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 2;
}