/* Reveal on scroll. Only active once the JS adds sr-reveal-ready, so without
   JavaScript everything stays visible (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; }
}