/* Match the adjacent statement at its desktop and mobile breakpoints. */
.answer-payoff {
  font-size: clamp(23px, 2.2vw, 34px);
  line-height: 1.2;
  letter-spacing: -.025em;
}
@media (max-width: 700px) {
  .answer-payoff { font-size: 25px; }
}

/* A separate layer preserves the image's existing responsive placement. */
.hero-zoom-layer {
  position: absolute;
  inset: 0;
  transform: scale(1);
  transform-origin: 50% 50%;
}
.teaser-hero.hero-zoom-active .hero-zoom-layer {
  animation: herbhy-home-zoom 20s linear forwards;
  will-change: transform;
}
@keyframes herbhy-home-zoom {
  from { transform: scale(1); }
  to { transform: scale(1.14); }
}
@media (prefers-reduced-motion: reduce) {
  .teaser-hero .hero-zoom-layer {
    animation: none !important;
    transform: none !important;
  }
}