/* ==========================================================================
   Scroll Animation
   ========================================================================== */

/* Fade in (opacity) */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}

.fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Wipe in (clip-path) */
.wipe-in {
  clip-path: inset(0 100% 0 0);
  transition: 1s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}

.wipe-in.is-visible {
  clip-path: inset(0);
}