/* Progressive enhancement: elements remain visible without JavaScript. */
@media (prefers-reduced-motion: no-preference) {
  .motion-ready {
    transition: opacity 720ms cubic-bezier(.2,.7,.2,1),
      transform 720ms cubic-bezier(.2,.7,.2,1);
    transition-delay: var(--motion-delay, 0ms);
  }

  .motion-ready.motion-pending {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
  }
}

@media (max-width: 700px) and (prefers-reduced-motion: no-preference) {
  .motion-ready.motion-pending { transform: translate3d(0, 14px, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready,
  .motion-ready.motion-pending {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media print {
  .motion-ready,
  .motion-ready.motion-pending {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}