/*
 * Scroll reveal.
 *
 * Gated behind .wl-reveal-on, which only the script adds — so with JS disabled,
 * blocked, or reduced-motion set, nothing is ever hidden.
 */
.wl-reveal-on :where(.wl-work, .wl-block, .wl-cap, .wl-steps > li, .wl-prod-list > li, .wl-facts > div) {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .5s ease, transform .5s ease;
	transition-delay: var(--wl-delay, 0ms);
}
.wl-reveal-on :where(.wl-work, .wl-block, .wl-cap, .wl-steps > li, .wl-prod-list > li, .wl-facts > div).is-in {
	opacity: 1;
	transform: none;
}
@media (prefers-reduced-motion: reduce) {
	.wl-reveal-on :where(.wl-work, .wl-block, .wl-cap, .wl-steps > li, .wl-prod-list > li, .wl-facts > div) {
		opacity: 1;
		transform: none;
		transition: none;
	}
}