.hero-promo {
  animation: promo-glow 2s ease-in-out infinite;
  will-change: box-shadow, filter, transform;
}

@keyframes promo-glow {
  0%, 100% {
    filter: brightness(1) saturate(1);
    transform: scale(1);
    box-shadow: 0 13px 28px rgba(205, 153, 0, .22), 0 0 0 rgba(255, 197, 29, 0);
  }

  50% {
    filter: brightness(1.18) saturate(1.18);
    transform: scale(1.008);
    box-shadow: 0 18px 38px rgba(205, 153, 0, .42), 0 0 46px 16px rgba(255, 197, 29, .72);
  }
}

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