@media (prefers-reduced-motion: no-preference) {
  .button,
  .pillar-card,
  .archive-card,
  .person-card,
  .honoree-mini {
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  }

  .button:hover,
  .pillar-card:hover,
  .archive-card:hover,
  .person-card:hover,
  .honoree-mini:hover {
    transform: translateY(-2px);
  }

  .home-hero__content {
    animation: chorgFadeUp 700ms ease both;
  }
}

@keyframes chorgFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}