/* ===== Scroll Reveal ===== */
.lc-reveal{
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  /* heavy blur -> reduce for smoother feel (or remove entirely) */
  filter: blur(3px);

  transition:
    opacity .55s cubic-bezier(.2,.8,.2,1),
    transform .65s cubic-bezier(.2,.8,.2,1),
    filter .65s cubic-bezier(.2,.8,.2,1);

  transition-delay: 0ms; /* important: no delay when hiding */
  will-change: opacity, transform;
}

/* When entering viewport */
.lc-reveal.is-inview{
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);

  /* delay only applies on show */
  transition-delay: calc(var(--d, 0) * 1ms);
}

/* For no blur / max smoothness: enable the line below and remove filter above */
/* .lc-reveal{ filter:none; } .lc-reveal.is-inview{ filter:none; } */

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