/* Theme — animations
 * Tokens: --wp--custom--dur--{fast|med|slow}, --wp--custom--ease--out
 */

@keyframes lift {
  from { transform: translateY(0);    box-shadow: none; }
  to   { transform: translateY(-3px); box-shadow: var(--wp--preset--shadow--hover); }
}

@keyframes arrow-slide {
  from { transform: translateX(0); }
  to   { transform: translateX(3px); }
}

@keyframes fade-up {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Patterns can opt in with .fade-on-load */
.fade-on-load {
  animation: fade-up var(--wp--custom--dur--med) var(--wp--custom--ease--out) both;
}

@media (prefers-reduced-motion: reduce) {
  .fade-on-load { animation: none; }
}