/**
 * Scroll-triggered reveal animations for ntrepid theme sections.
 *
 * Classes here are only ever added by js/scroll-animations.js, and every
 * element is fully visible until JS adds the `.reveal` class — so nothing
 * depends on JS running for content to be visible.
 */

.reveal {
	opacity: 0;
	transition-property: opacity, transform;
	transition-duration: 700ms;
	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

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

.reveal--fade-up {
	transform: translateY(30px);
}

.reveal--pop {
	transform: translateY(18px) scale(0.96);
}

.reveal--from-left {
	transform: translateX(-48px);
}

.reveal--from-right {
	transform: translateX(48px);
}

.reveal--child {
	transition-duration: 650ms;
	transition-delay: 150ms;
}

@media screen and (max-width: 700px) {
	.reveal--from-left,
	.reveal--from-right {
		transform: translateY(24px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.reveal {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}