/* ── Video Hero Overrides ─────────────────────────── */

.hero {
  background: #0a0a14;
}

.hero-video-fade {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #0a0a14;
  opacity: 1;
  pointer-events: none;
}

.hero::after {
  background: linear-gradient(
    rgba(0, 0, 0, 0.15) 0%,
    rgba(0, 0, 0, 0.05) 35%,
    rgba(0, 0, 0, 0.3) 65%,
    rgba(0, 0, 0, 0.55) 100%
  );
}

h1 {
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

/* ── Glass-through: text & buttons blend with video ── */
.hero-glass .hero-content {
  mix-blend-mode: overlay;
}

.hero-glass .pill-light {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.hero-glass .pill-light-outline {
  border-color: rgba(255, 255, 255, 0.5);
}