[data-reveal] {
	opacity: 0;
	transform: translate3d(0, 30px, 0);
}

[data-reveal].is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		opacity 700ms cubic-bezier(0.32, 0.72, 0, 1),
		transform 700ms cubic-bezier(0.32, 0.72, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}

	[data-reveal] {
		opacity: 1;
		transform: none;
	}
}