/**
 * da-reveal.css — global fade-up (smooth, amyagent.ai-inspired)
 * Content visible without JS; hidden only after html.da-reveal-ready.
 */

:root {
	--da-reveal-y: 22px;
	--da-reveal-blur: 1px;
	--da-reveal-duration: 1.25s;
	--da-reveal-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--da-reveal-stagger: 140ms;
}

html.da-reveal-ready .da-reveal:not(.da-revealed),
html.da-reveal-ready [data-da-reveal]:not(.da-revealed) {
	opacity: 0;
	transform: translate3d(0, var(--da-reveal-y), 0);
	filter: blur(var(--da-reveal-blur));
	transition:
		opacity 1.05s var(--da-reveal-ease),
		transform var(--da-reveal-duration) var(--da-reveal-ease),
		filter 0.95s var(--da-reveal-ease);
	will-change: opacity, transform, filter;
}

html.da-reveal-ready .da-reveal--subtle:not(.da-revealed),
html.da-reveal-ready [data-da-reveal].da-reveal--subtle:not(.da-revealed) {
	--da-reveal-y: 16px;
	--da-reveal-blur: 0.5px;
}

html.da-reveal-ready .da-reveal--fade:not(.da-revealed),
html.da-reveal-ready [data-da-reveal].da-reveal--fade:not(.da-revealed) {
	transform: none;
	filter: none;
}

html.da-reveal-ready .da-reveal.da-revealed,
html.da-reveal-ready [data-da-reveal].da-revealed {
	opacity: 1;
	transform: none;
	filter: none;
	will-change: auto;
}

/* Staggered card grids — delay handled in CSS for smooth overlap */
html.da-reveal-ready .da-reveal-cards > .da-reveal,
html.da-reveal-ready .da-reveal-cards > [data-da-reveal] {
	transition-delay: calc(var(--da-reveal-i, 0) * var(--da-reveal-stagger) + 80ms);
}

/* Journey panel — batch fade-up when slide enters viewport */
html.da-reveal-ready .da-reveal-batch .da-reveal:not(.da-revealed),
html.da-reveal-ready .home-pov-slide .da-reveal:not(.da-revealed) {
	opacity: 0;
	transform: translate3d(0, var(--da-reveal-y), 0);
	filter: blur(var(--da-reveal-blur));
}

html.da-reveal-ready .da-reveal-batch .da-reveal.da-revealed,
html.da-reveal-ready .home-pov-slide .da-reveal.da-revealed {
	opacity: 1;
	transform: none;
	filter: none;
}

@media (prefers-reduced-motion: reduce) {
	html.da-reveal-ready .da-reveal,
	html.da-reveal-ready [data-da-reveal] {
		opacity: 1;
		transform: none;
		filter: none;
		transition: none;
		will-change: auto;
	}
}