/* Hero icon pulse while work is in progress */
@media (prefers-reduced-motion: no-preference) {
  .os-template-hero.is-building .os-template-hero-icon,
  .iso-hero.is-building .iso-hero-icon,
  .lifecycle-hero.is-working .lifecycle-hero-icon {
    animation: hero-icon-pulse 2s infinite;
  }
}

@keyframes hero-icon-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); } /* token-ok */
  70% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); } /* token-ok */
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } /* token-ok */
}