/* Scroll-Storytelling / Cinematic Scrolling */
.kl-reveal{
  opacity:0;
  transform:translate3d(0,18px,0) scale(.99);
  filter:blur(6px);
  transition:
    opacity .75s ease,
    transform .75s cubic-bezier(.2,.9,.2,1),
    filter .75s ease;
  transition-delay:var(--reveal-delay, 0ms);
}

.kl-reveal.is-revealed{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}

@media (prefers-reduced-motion: reduce){
  .kl-reveal{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
}