/* Leafy Bolt: Color Sort - motion (scroll reveal, leaf sway, bolt twist) */

.reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.6s ease, transform 0.6s ease; --bolt-turn: -90deg; }
.reveal.is-in { opacity: 1; transform: none; --bolt-turn: 0deg; }
.no-js .reveal { opacity: 1; transform: none; }

@keyframes leaf-sway {
  0%, 100% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
}
@keyframes bolt-twist {
  0%, 70%, 100% { transform: rotate(0deg) scale(1); }
  80% { transform: rotate(90deg) scale(0.9); }
  90% { transform: rotate(180deg) scale(1.05); }
}

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