/* animations.css — one deliberate motion (the hero mandala) plus small hover/focus transitions */
@keyframes mandala-turn { to { transform: rotate(360deg); } }
@keyframes mandala-in { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: scale(1); } }

.hero-art img { animation: mandala-in 1.2s ease-out both, mandala-turn var(--speed-slow) linear infinite; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}