/* Numerology hero - image only (no hero-text/heading/CTA).
   .hero-carousel-slide normally wraps a .row of [hero-text, .col-2 img]
   (see index.php / premium.php + style.css). This page drops that split
   and puts the banner image straight inside the slide, so it needs its
   own full-bleed sizing rule instead of inheriting the .col-2 image
   rules from style.css. */

.hero-carousel-slide {
  width: 100%;
}

.hero-carousel-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 580px;
  object-fit: cover;
}

@media (max-width: 768px) {
  .hero-carousel-image {
    max-height: 320px;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  .hero-carousel-image {
    max-height: 220px;
    border-radius: 6px;
  }
}