/* PitchVaani v111: homepage hero background treatment only. */
.hero {
  isolation: isolate;
  background: #07111e;
}

.hero .hero-slider {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(16, 185, 129, 0.11), transparent 52%),
    #07111e;
}

.hero .hero-slide {
  filter: brightness(0.8) saturate(0.92) contrast(1.08);
  transform: scale(1.012);
  transform-origin: center;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(ellipse 72% 62% at 50% 43%, rgba(4, 12, 23, 0.12) 0%, rgba(4, 12, 23, 0.34) 58%, rgba(3, 9, 19, 0.72) 100%),
    linear-gradient(90deg, rgba(3, 10, 21, 0.58) 0%, rgba(3, 10, 21, 0.08) 26%, rgba(3, 10, 21, 0.08) 74%, rgba(3, 10, 21, 0.58) 100%);
}

.hero::after {
  background:
    linear-gradient(180deg, rgba(5, 13, 25, 0.66) 0%, rgba(5, 13, 25, 0.48) 28%, rgba(5, 13, 25, 0.58) 66%, rgba(4, 11, 22, 0.88) 100%),
    radial-gradient(circle at 50% 44%, rgba(6, 78, 59, 0.15) 0%, rgba(6, 78, 59, 0.04) 43%, transparent 70%);
  pointer-events: none;
}

.hero .hero-title {
  text-shadow: 0 5px 30px rgba(0, 0, 0, 0.82), 0 1px 2px rgba(0, 0, 0, 0.9);
}

.hero .hero-subtitle,
.hero .directory-note,
.hero .filter-label {
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.92);
}

@media (max-width: 768px) {
  .hero .hero-slide {
    filter: brightness(0.72) saturate(0.88) contrast(1.1);
  }

  .hero::before {
    background:
      radial-gradient(ellipse 108% 54% at 50% 38%, rgba(4, 12, 23, 0.08) 0%, rgba(4, 12, 23, 0.32) 60%, rgba(3, 9, 19, 0.72) 100%),
      linear-gradient(90deg, rgba(3, 10, 21, 0.44) 0%, rgba(3, 10, 21, 0.08) 50%, rgba(3, 10, 21, 0.44) 100%);
  }

  .hero::after {
    background:
      linear-gradient(180deg, rgba(5, 13, 25, 0.72) 0%, rgba(5, 13, 25, 0.56) 34%, rgba(5, 13, 25, 0.67) 72%, rgba(4, 11, 22, 0.92) 100%),
      radial-gradient(circle at 50% 34%, rgba(6, 95, 70, 0.14) 0%, transparent 67%);
  }
}
