/* ============================================================
   HERO CAROUSEL
   ============================================================ */
#hero-carousel { position: relative; background: var(--color-dark); }
#hero-carousel .carousel-item { max-height: 580px; overflow: hidden; }
#hero-carousel .carousel-item img {
  width: 100%; object-fit: cover; object-position: center;
  max-height: 580px; filter: brightness(.70);
}
#hero-carousel .carousel-caption { bottom: 3rem; text-shadow: 0 2px 8px rgba(0,0,0,.7); }
#hero-carousel .carousel-caption h2 {
  font-size: clamp(1.8rem, 4vw, 3rem);
  color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,.7);
}
#hero-carousel .carousel-caption p { font-size: 1.1rem; color: rgba(255,255,255,.9); }