/* Only JavaScript-enabled, offscreen elements are hidden. Layout stays intact. */
@media (prefers-reduced-motion: no-preference) {
  .scroll-reveal {
    transition: opacity 700ms ease, translate 800ms cubic-bezier(0.22, 1, 0.36, 1),
      transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
    transition-delay: var(--reveal-delay, 0ms), var(--reveal-delay, 0ms), 0ms, 0ms, 0ms;
  }

  .scroll-reveal-pending {
    opacity: 0;
    translate: 0 44px;
    transition: none;
  }

  .scroll-reveal:focus-within {
    opacity: 1;
    translate: none;
    transition-delay: 0ms;
  }
}

@media (max-width: 760px) {
  .scroll-reveal {
    --reveal-delay: 0ms !important;
  }
}

@media print {
  .scroll-reveal-pending {
    opacity: 1;
    translate: none;
  }
}