@media (prefers-reduced-motion: no-preference) {
  @keyframes gdd-fade-up {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  @keyframes gdd-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
  }

  [data-anim]           { opacity: 0; }
  [data-anim].is-visible { animation: gdd-fade-up  0.52s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
  [data-anim="fade"].is-visible { animation: gdd-fade-in 0.55s ease forwards; }
}

@media (prefers-reduced-motion: reduce) {
  [data-anim] { opacity: 1 !important; }
}