/* Homepage-only visual replacement: preserves the approved copy and search controls. */
.home .hero__art {
  min-height: 520px;
  overflow: hidden;
  background-color: #eaf4ff;
  background-image:
    linear-gradient(120deg, rgba(234, 244, 255, .04), rgba(234, 244, 255, .04)),
    url('../images/icunikin-home-carousel-01.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: inset 0 0 0 1px rgba(31, 144, 255, .18);
}

.home .hero__art .chip,
.home .hero__art .trace,
.home .hero__art .orb {
  display: none;
}

.home .hero__art.is-carousel {
  background-image: none;
}

.hero-carousel,
.hero-carousel__slide,
.hero-carousel__slide img {
  width: 100%;
  height: 100%;
}

.hero-carousel {
  position: relative;
  min-height: 520px;
}

.hero-carousel__slide {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  transition: opacity 900ms ease;
}

.hero-carousel__slide.is-active { opacity: 1; }

.hero-carousel__slide img {
  display: block;
  object-fit: contain;
}

.hero-carousel__dots {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 18px;
  display: flex;
  gap: 7px;
}

.hero-carousel__dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 1px solid #1768c9;
  border-radius: 50%;
  background: rgba(255,255,255,.7);
}

.hero-carousel__dot.is-active { background: #0759f7; }

@media (max-width: 900px) {
  .home .hero__art {
    min-height: 310px;
    background-position: 60% center;
  }
  .hero-carousel { min-height: 310px; }
}