/* ==========================================================================
   Deercoffe — reveal-on-scroll motion utility.
   Loaded globally. Mark any element with [data-reveal] to fade/slide it in
   once it enters the viewport (see assets/js/motion-reveal.js). Group
   multiple children under [data-reveal-group] to auto-stagger their delay.
   ========================================================================== */

[data-reveal] {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: var(--motion-delay, 0s);
	will-change: opacity, transform;
}

[data-reveal="fade"] {
	transform: none;
}

[data-reveal="scale"] {
	transform: scale(0.94);
}

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

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

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

@media (prefers-reduced-motion: reduce) {
	[data-reveal] {
		transition: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}