/**
 * Scroll-into-view fade.
 * Hidden only after JS adds .by-reveal to off-screen elements.
 * In-view content stays visible by default.
 */
@media (prefers-reduced-motion: no-preference) {
	.by-reveal {
		opacity: 0;
		transform: translate3d(0, 28px, 0);
		transition: opacity 0.95s ease 0.2s, transform 0.95s ease 0.2s;
		will-change: opacity, transform;
	}

	.by-reveal.is-inview {
		opacity: 1;
		transform: none;
		will-change: auto;
	}
}