@media (prefers-reduced-motion: no-preference) {
  .icon-halo { animation: thyroid-halo 5s ease-in-out infinite; }
  .product-note { animation: thyroid-note 6s ease-in-out infinite; }
  .note-two { animation-delay: -3s; }
}

@keyframes thyroid-halo {
  0%, 100% { opacity: 0.55; filter: blur(0); }
  50% { opacity: 0.9; filter: blur(0.2rem); }
}

@keyframes thyroid-note {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -0.45rem; }
}

@media (min-width: 43.75rem) and (max-width: 56rem) {
  .hero-product .note-one { right: 0; }
  .hero-product .note-two { left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .icon-halo, .product-note { animation: none; translate: none; }
}