.hero .eyebrow {
  position: absolute;
  top: clamp(6.25rem, 11vh, 8.5rem);
  margin: 0;
}

.hero .eyebrow span {
  background: #FFD700;
  box-shadow: 0 0 0 0 rgba(255, 215, 0, .72), 0 0 14px rgba(255, 215, 0, .65);
  animation: eyebrow-notification-pulse 1.8s ease-in-out infinite;
}

@keyframes eyebrow-notification-pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255, 215, 0, .7), 0 0 12px rgba(255, 215, 0, .55); }
  50% { opacity: .48; box-shadow: 0 0 0 7px rgba(255, 215, 0, 0), 0 0 18px rgba(255, 215, 0, .8); }
}

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