.home-page .reveal-item {
	opacity: 0;
	translate: 0 14px;
	transition:
		opacity 560ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms),
		translate 560ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms);
	will-change: opacity, translate;
}

.home-page .reveal-item.is-visible {
	opacity: 1;
	translate: 0 0;
}

.home-page .hero .reveal-item {
	transition-duration: 680ms;
}

@media (prefers-reduced-motion: reduce) {
	.home-page .reveal-item,
	.home-page .reveal-item.is-visible {
		opacity: 1;
		translate: none;
		transition: none;
		will-change: auto;
	}
}