/* [project]/src/components/site/home/reveal.css [app-client] (css) */
@media (prefers-reduced-motion: no-preference) {
  html[data-reveal-ready] [data-reveal] {
    transition: opacity .6s var(--ease-out-strong),
      transform .6s var(--ease-out-strong);
    transition-delay: calc(var(--i, 0) * 60ms);
  }

  html[data-reveal-ready] [data-reveal]:not([data-revealed]) {
    opacity: 0;
    transform: translateY(16px);
  }

  .hero-fan > * {
    animation: hero-fan-in .7s var(--ease-out-strong) both;
  }

  .hero-fan > :first-child {
    --from: rotate(-2deg) translate(30%, 6%);
    animation-delay: .12s;
  }

  .hero-fan > :nth-child(2) {
    --from: rotate(2deg) translate(-30%, 6%);
    animation-delay: .12s;
  }

  .hero-fan > :nth-child(3) {
    --from: translateY(12px);
  }
}

@keyframes hero-fan-in {
  from {
    opacity: 0;
    transform: var(--from);
  }
}

/*# sourceMappingURL=src_components_site_home_reveal_0k90alywunxab.css.map*/