html {
  scroll-behavior: smooth;
}

html,
body,
#SITE_CONTAINER,
#site-root {
  overflow-y: auto;
}

.local-scroll-effects-ready .local-reveal {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: opacity 0.85s ease, transform 0.85s cubic-bezier(0.22, 1, 0.36, 1), filter 0.85s ease;
  will-change: opacity, transform;
}

.local-scroll-effects-ready .local-reveal--from-left {
  transform: translate3d(-56px, 0, 0);
}

.local-scroll-effects-ready .local-reveal--from-right {
  transform: translate3d(56px, 0, 0);
}

.local-scroll-effects-ready .local-reveal--from-top {
  transform: translate3d(0, -44px, 0);
}

.local-scroll-effects-ready .local-reveal--zoom {
  filter: blur(2px);
  transform: scale(0.92);
}

.local-scroll-effects-ready .local-reveal--pop {
  filter: blur(1px);
  transform: translate3d(0, 18px, 0) scale(0.82) rotate(-2deg);
  transform-origin: center;
}

.local-scroll-effects-ready .local-reveal--button {
  transform: translate3d(0, 22px, 0) scale(0.96);
}

.local-scroll-effects-ready .local-reveal.local-reveal--visible {
  filter: none;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.local-scroll-effects-ready .local-reveal:nth-of-type(2n) {
  transition-delay: 0.08s;
}

.local-scroll-effects-ready .local-reveal:nth-of-type(3n) {
  transition-delay: 0.14s;
}

.local-scroll-effects-ready .local-reveal:nth-of-type(4n) {
  transition-delay: 0.2s;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .local-scroll-effects-ready .local-reveal {
    filter: none;
    opacity: 1;
    transform: none;
    transition: none;
  }
}