@layer modules {
  .reveal {
    opacity: 0;
    transform: translateY(var(--reveal-offset));
    transition: opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);
  }
  .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .reveal--delay-1 {
    transition-delay: 100ms;
  }
  .reveal--delay-2 {
    transition-delay: 200ms;
  }
  .reveal--delay-3 {
    transition-delay: 300ms;
  }
  .reveal--delay-4 {
    transition-delay: 400ms;
  }
  @media (prefers-reduced-motion: reduce) {
    .reveal {
      opacity: 1;
      transform: none;
      transition: none;
    }
  }
}