/* Mr.Transfer — scroll reveal + motion. All disabled under reduced-motion. */

.reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity .8s var(--ease-out), transform .8s var(--ease-out);
	will-change: opacity, transform;
}
.reveal.is-in { opacity: 1; transform: none; }

/* stagger children via inline --i */
.reveal[style*="--i"] { transition-delay: calc(var(--i) * 90ms); }

@media (prefers-reduced-motion: reduce) {
	.reveal { opacity: 1; transform: none; transition: none; }
	* { animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}