/* The original's framer-motion entrances in CSS: sections rise in over
   0.5 s, cards over 0.3 s, each card 0.1 s after the previous one. */
@keyframes rise-in {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: none; }
}
.section-in { animation: rise-in 0.5s ease-out both; }
.card-in { animation: rise-in 0.3s ease-out both; }
@media (prefers-reduced-motion: reduce) {
  .section-in, .card-in { animation: none; }
}