/* Scroll reveal: blocks come into focus as they enter the viewport.
   The reveal-ready class is only set when motion is allowed, and it is
   removed again if the scripts fail to start. */

.reveal-ready [data-reveal] {
  opacity: 0;
  filter: blur(14px);
  transform: translateY(1.25rem) scale(0.985);
  transition:
    opacity 0.9s var(--ease-out),
    filter 1.1s var(--ease-out),
    transform 1s var(--ease-out);
  transition-delay: var(--reveal-delay, 0ms);
}

.reveal-ready [data-reveal].is-revealed {
  opacity: 1;
  filter: none;
  transform: none;
}

@media print {
  .reveal-ready [data-reveal] {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}