/**
 * Entrada al scroll — solo activo con html.sb-scroll-reveal-active (JS).
 */

html.sb-scroll-reveal-active .sb-scroll-reveal:not( .is-in-view ) {
	opacity: 0;
	transform: translate3d( 0, var( --sb-reveal-y, 22px ), 0 );
}

html.sb-scroll-reveal-active .sb-scroll-reveal.is-in-view {
	opacity: 1;
	transform: none;
	transition:
		opacity 0.72s cubic-bezier( 0.22, 1, 0.36, 1 ),
		transform 0.72s cubic-bezier( 0.22, 1, 0.36, 1 );
}

html.sb-scroll-reveal-active .sb-scroll-reveal:not( .is-in-view ) [data-sb-stagger] {
	opacity: 0;
	transform: translate3d( 0, 14px, 0 );
}

html.sb-scroll-reveal-active .sb-scroll-reveal.is-in-view [data-sb-stagger] {
	opacity: 1;
	transform: none;
	transition:
		opacity 0.58s cubic-bezier( 0.22, 1, 0.36, 1 ),
		transform 0.58s cubic-bezier( 0.22, 1, 0.36, 1 );
	transition-delay: calc( var( --sb-stagger-i, 0 ) * 70ms + 80ms );
}

@media ( prefers-reduced-motion: reduce ) {
	html.sb-scroll-reveal-active .sb-scroll-reveal:not( .is-in-view ),
	html.sb-scroll-reveal-active .sb-scroll-reveal:not( .is-in-view ) [data-sb-stagger] {
		opacity: 1;
		transform: none;
	}
}