.video-reveal {
  position: relative;
  z-index: 0;
  height: 200vh;
  height: 200dvh;
  margin-top: -1px;
  background: #030406;
}

.video-reveal__sticky {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  background: #030406;
}

.video-reveal__media {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-reveal__shade {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.24) 36%, rgba(0, 0, 0, 0.56) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.04) 42%, rgba(0, 0, 0, 0.42));
  pointer-events: none;
}