/* motion.css
   Keyframes and entrance animation, with the reduced-motion opt-out.
   ------------------------------------------------------------------------- */

@keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.anim { animation: rise .5s var(--ease) both; }

.anim-1 { animation-delay: .04s; }

.anim-2 { animation-delay: .10s; }

.anim-3 { animation-delay: .16s; }

@media (prefers-reduced-motion: reduce) {
  .anim, .cards > .card, .view { animation: none !important; }
}