.hero-slide-headline {
  font-weight: 700;
  line-height: 1.12;
  color: #fff;
}

.hero-slide-headline__line {
  display: block;
}

.hero-slide-headline__accent {
  background: linear-gradient(to right, var(--primary), #6ee7b7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* AMF slide — exactly 3 lines; font scales to column width */
.hero-slide-headline--amf {
  font-size: clamp(1.38rem, 5.2vw, 1.95rem);
}

@media (min-width: 640px) {
  .hero-slide-headline--amf {
    font-size: clamp(1.55rem, 2.75vw, 2.65rem);
  }

  .hero-slide-headline--amf .hero-slide-headline__line {
    white-space: nowrap;
  }
}

.hero-visual {
  overflow: visible;
}

/* Above the slide text in the left column */
.hero-years-badge {
  position: relative;
  display: block;
  z-index: 5;
  width: clamp(4rem, 16vw, 5.5rem);
  height: auto;
  margin-bottom: clamp(0.25rem, 1.5vw, 0.75rem);
  transform-origin: left center;
  filter:
    drop-shadow(0 0 14px rgba(255, 255, 255, 0.35))
    drop-shadow(0 12px 24px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  animation: hero-badge-highlight 3.5s ease-in-out infinite;
}

@keyframes hero-badge-highlight {
  0%,
  100% {
    transform: scale(1);
    filter:
      drop-shadow(0 0 14px rgba(255, 255, 255, 0.35))
      drop-shadow(0 12px 24px rgba(0, 0, 0, 0.5));
  }

  50% {
    transform: scale(1.04);
    filter:
      drop-shadow(0 0 22px rgba(255, 255, 255, 0.55))
      drop-shadow(0 14px 28px rgba(0, 0, 0, 0.55));
  }
}

@media (min-width: 640px) {
  .hero-years-badge {
    width: clamp(6rem, 11vw, 8rem);
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .hero-years-badge {
    width: clamp(8rem, 9vw, 10rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-years-badge {
    animation: none;
  }
}