/* =========================
   WRAPPER LIGNE (CLIP)
========================= */

.line-wrapper {
  display: block;
  overflow: hidden;
}


/* =========================
   LIGNES DE TEXTE (ANIMATION)
========================= */

.slide-line {
  display: block;
  transform: translateY(110%);
  opacity: 0;
  will-change: transform, opacity;
  transition:
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.4s ease;
}

.slide-line.is-active {
  transform: translateY(0);
  opacity: 1;
}


/* =========================
   TITRES
========================= */

.slide-text {
  display: block;
  transform: translateY(110%);
  opacity: 0;
  will-change: transform, opacity;
  transition:
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.4s ease;
}

.slide-text.is-active {
  transform: translateY(0);
  opacity: 1;
}


/* =========================
   IMAGES (FADE)
========================= */

.fade-image {
  opacity: 0;
  transition: opacity 0.8s ease;
}

.fade-image.is-active {
  opacity: 1;
}