/**
 * Scroll reveal states. Classes are added (and removed again once the
 * element has arrived) by assets/js/base/scroll-reveal.js, so nothing here
 * applies without JS or with reduced motion.
 */

.sp-reveal {
	opacity: 0;
	transform: translateY( 28px );
	transition:
		opacity 0.9s cubic-bezier( 0.19, 1, 0.22, 1 ),
		transform 0.9s cubic-bezier( 0.19, 1, 0.22, 1 );
}

.sp-reveal.sp-reveal--fade {
	transform: none;
}

.sp-reveal.sp-reveal--scale {
	transform: scale( 0.96 ) translateY( 16px );
}

.sp-reveal.sp-revealed {
	opacity: 1;
	transform: none;
}

/* Stagger */
.sp-reveal.sp-reveal-delay-1 { transition-delay: 0s; }
.sp-reveal.sp-reveal-delay-2 { transition-delay: 0.08s; }
.sp-reveal.sp-reveal-delay-3 { transition-delay: 0.16s; }
.sp-reveal.sp-reveal-delay-4 { transition-delay: 0.24s; }
.sp-reveal.sp-reveal-delay-5 { transition-delay: 0.32s; }
.sp-reveal.sp-reveal-delay-6 { transition-delay: 0.4s; }