/**
 * Mouton Store Online: 下端で pin → スクロール量でコンテンツをフェードイン
 */

[data-front-online-reveal] {
	background-color: var( --fs-surface-b, #ffffff );
}

[data-front-online-reveal] .front-online-reveal__stack {
	opacity: 0;
	transform: translateY( 1.25rem );
	will-change: opacity, transform;
}

div.pin-spacer:has( > [data-front-online-reveal] ) {
	background-color: var( --fs-surface-b, #ffffff ) !important;
}

@media ( prefers-reduced-motion: reduce ) {
	[data-front-online-reveal] .front-online-reveal__stack {
		opacity: 1;
		transform: none;
		will-change: auto;
	}
}