/* ─── REVEAL ANIMATIONS ─── */
.reveal {
	opacity: 0;
	transform: translateY(32px);
	transition: opacity 0.7s, transform 0.7s;
}
.reveal.visible {
	opacity: 1;
	transform: translateY(0);
}
.reveal-left {
	opacity: 0;
	transform: translateX(-32px);
	transition: opacity 0.7s, transform 0.7s, box-shadow 0.2s, background-color 0.2s, border-color 0.2s;
}
.reveal-left.visible {
	opacity: 1;
	transform: translateX(0);
}
.reveal-scale {
	opacity: 0;
	transform: scale(0.95);
	transition: opacity 0.7s, transform 0.7s, box-shadow 0.2s, background-color 0.2s, border-color 0.2s;
}
.reveal-scale.visible {
	opacity: 1;
	transform: scale(1);
}

@keyframes fade-up {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}