/* ========== BACKGROUND VIDEO ========== */
.bg-video {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  background: #050505;
}

/* Static replacement for .bg-video while it's disabled (see index.html) -
   same fixed full-bleed cover behavior, so .bg-overlay's gradient reads
   identically on top of it. */
.bg-image {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  background: #050505;
}

.bg-overlay {
  position: fixed;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.58) 0%,
    rgba(0,0,0,0.20) 28%,
    rgba(0,0,0,0.14) 48%,
    rgba(0,0,0,0.62) 78%,
    rgba(0,0,0,0.77) 100%
  );
  pointer-events: none;
}

/* Force video play on some mobile browsers */
.bg-video::-webkit-media-controls {
  display: none !important;
}