/* REVEAL ANIMATIONS */
.reveal-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s cubic-bezier(.4,0,.2,1), transform 0.8s cubic-bezier(.4,0,.2,1);
}
.reveal-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.8s cubic-bezier(.4,0,.2,1), transform 0.8s cubic-bezier(.4,0,.2,1);
}
.reveal-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.8s cubic-bezier(.4,0,.2,1), transform 0.8s cubic-bezier(.4,0,.2,1);
}
.reveal-up.visible,
.reveal-left.visible,
.reveal-right.visible {
  opacity: 1;
  transform: translate(0);
}

/* DELAY CLASSES */
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }

/* HERO LINE ANIMATION */
.line {
  display: block;
  transform: translateY(100%);
  transition: transform 0.9s cubic-bezier(.4,0,.2,1);
}
.line-wrap.visible .line {
  transform: translateY(0);
}
.line-wrap:nth-child(2) .line { transition-delay: 0.12s; }
.line-wrap:nth-child(3) .line { transition-delay: 0.24s; }