/* Scroll reveal: fade + slide from left/right */

.reveal {
  opacity: 0;
  transform: translate3d(0, 2.5rem, 0);
  transition:
    opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal--left {
  transform: translate3d(-3.75rem, 0, 0);
}

.reveal--right {
  transform: translate3d(3.75rem, 0, 0);
}

.reveal--fade {
  transform: translate3d(0, 1.875rem, 0);
}

.reveal.is-visible {
  opacity: 1;
  transform: none;
}

.reveal--delay-1 {
  transition-delay: 0.1s;
}

.reveal--delay-2 {
  transition-delay: 0.15s;
}

.reveal--delay-3 {
  transition-delay: 0.2s;
}

.reveal--delay-4 {
  transition-delay: 0.25s;
}

.reveal--delay-5 {
  transition-delay: 0.3s;
}

.reveal--delay-6 {
  transition-delay: 0.35s;
}