/* Only directory cards receive this scroll reveal; the page chrome stays static. */
.card.card-reveal-pending {
  transform: translateY(26px);
  transition: transform .42s cubic-bezier(.22,.78,.34,1);
  will-change: transform;
}

.card.card-reveal-pending.card-revealed {
  transform: translateY(0);
  transition-delay: var(--card-stagger, 0ms);
}

@media (prefers-reduced-motion: reduce) {
  .card.card-reveal-pending,
  .card.card-reveal-pending.card-revealed {
    transform: none;
    transition: none;
  }
}