/*
 * Kato Oil shared scroll reveal
 * Progressive enhancement: elements remain visible unless JS explicitly adds
 * .kt-scroll-reveal. This prevents hidden content when JS is unavailable.
 */
.kt-scroll-reveal{
  opacity:0;
  transform:translate3d(0,26px,0);
  transition:
    opacity .68s var(--kt-ease, cubic-bezier(.2,.8,.2,1)),
    transform .68s var(--kt-ease, cubic-bezier(.2,.8,.2,1));
  transition-delay:var(--kt-reveal-delay,0ms);
  will-change:opacity,transform;
}
.kt-scroll-reveal.is-visible{
  opacity:1;
  transform:none;
  will-change:auto;
}


/* Repeated cards/rows move a touch more so individual reveals are perceptible. */
.kt-scroll-reveal.kt-scroll-reveal--item{
  transform:translate3d(0,32px,0);
  transition-duration:.74s;
}
.kt-scroll-reveal.kt-scroll-reveal--item.is-visible{transform:none}

/* Images / large visual blocks can travel slightly less to keep the motion calm. */
.kt-scroll-reveal.kt-scroll-reveal--soft{
  transform:translate3d(0,16px,0);
}
.kt-scroll-reveal.kt-scroll-reveal--soft.is-visible{
  transform:none;
}

@media(max-width:767px){
  .kt-scroll-reveal{transform:translate3d(0,20px,0);transition-duration:.58s}
  .kt-scroll-reveal.kt-scroll-reveal--item{transform:translate3d(0,24px,0);transition-duration:.62s}
  .kt-scroll-reveal.kt-scroll-reveal--soft{transform:translate3d(0,12px,0)}
}

@media(prefers-reduced-motion:reduce){
  .kt-scroll-reveal,
  .kt-scroll-reveal.kt-scroll-reveal--item,
  .kt-scroll-reveal.kt-scroll-reveal--soft{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}