/* =============================================
   ANIMATIONS — Scroll-reveal classes
   ============================================= */

.anim {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.anim.in {
  opacity: 1;
  transform: translateY(0);
}

.anim-l {
  opacity: 0;
  transform: translateX(-28px);
  transition: opacity 0.55s 0.05s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.55s 0.05s cubic-bezier(0.4, 0, 0.2, 1);
}

.anim-l.in {
  opacity: 1;
  transform: translateX(0);
}

.anim-r {
  opacity: 0;
  transform: translateX(28px);
  transition: opacity 0.55s 0.1s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.55s 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

.anim-r.in {
  opacity: 1;
  transform: translateX(0);
}

.anim-pop {
  opacity: 0;
  transform: scale(0.93) translateY(14px);
  transition: opacity 0.42s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.42s cubic-bezier(0.4, 0, 0.2, 1);
}

.anim-pop.in {
  opacity: 1;
  transform: scale(1) translateY(0);
}