/* EXPLICIT - Desktop overlay */
.overlay-explicit {
  background: rgba(0, 0, 0, 0.30);
}

/* Video positioning */
.video-container {
  position: absolute;
  inset: 0;
}

.video-container > video {
  object-fit: cover;
  object-position: center top;
  height: 100%;
}

/* Desktop and smaller screens */
@media screen and (max-width: 1536px) {
  .video-container > video {
    transform: scaleX(-1);
  }
}

/* Smaller desktop / tablet */
@media screen and (max-width: 1280px) {
  .video-container > video {
    object-position: 250px top;
  }
}

@media screen and (max-width: 1024px) {
  .video-container > video {
    object-position: 175px top;
  }
}

@media screen and (max-width: 768px) {
  .video-container > video {
    object-position: 250px top;
  }
}

/* Mobile */
@media screen and (max-width: 639px) {

  /* Balanced gradient for better video visibility */
  .overlay-explicit {
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.20) 0%,
      rgba(0, 0, 0, 0.30) 45%,
      rgba(0, 0, 0, 0.40) 100%
    );
  }

  .video-container > video {
    object-position: 125px top;
  }
}

/* Small mobile screens */
@media screen and (max-width: 480px) {
  .video-container > video {
    object-position: 0 top;
  }
}