/* ==========================================================================
   MerrySpruce — animations.css
   Scroll-reveal via Intersection Observer (see animations.js).
   ========================================================================== */

[data-reveal] {
	opacity: 0;
	transform: translateY(32px);
	transition: opacity 0.6s ease, transform 0.6s ease;
	will-change: opacity, transform;
}

[data-reveal="left"]  { transform: translateX(-32px); }
[data-reveal="right"] { transform: translateX(32px); }

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

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
	[data-reveal] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
	.hero__scroll-hint span::after { animation: none; }
	html { scroll-behavior: auto; }
}