@media (prefers-reduced-motion: no-preference) {
  .motion-pending {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 560ms var(--brand-ease), transform 560ms var(--brand-ease);
    transition-delay: var(--reveal-delay, 0ms);
  }
  .motion-pending.motion-visible { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-pending { opacity: 1; transform: none; transition: none; }
}