/* ==========================================================================
   animations.css – Scroll animations and reduced-motion support
   Part of the Devraj Pathak theme. Breakpoints are in responsive.css.
   ========================================================================== */

@keyframes dp-fade-up {
	from { opacity: 0; transform: translateY(14px); }
	to { opacity: 1; transform: none; }
}
.dp-js [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--dp-ease), transform .8s var(--dp-ease); }
.dp-js [data-reveal].is-revealed { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation: none !important; transition: none !important; }
	.dp-js [data-reveal] { opacity: 1; transform: none; }
}