/* Reveal on scroll — only active once the JS flags sr-reveal-ready (progressive enhancement). */
.sr-reveal-ready .sr-reveal { opacity: 0; transform: translateY(20px); transition: opacity var(--t-reveal) var(--ease-out), transform var(--t-reveal) var(--ease-out); }
.sr-reveal-ready .sr-reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.sr-reveal-ready .sr-reveal { opacity: 1; transform: none; transition: none; }
}