/* Homepage scroll fade-in. Elements are only hidden when JavaScript has added the "reveal-js" class to <html>,
   so visitors without JavaScript, with reduced-motion on, or if the script fails still see everything. */
.reveal-js .reveal {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.6s ease var(--reveal-delay, 0s), transform 0.6s ease var(--reveal-delay, 0s);
}

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

/* Safety net: if the script has not started after a few seconds, show everything. */
.reveal-timeout .reveal {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

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