/**
 * Marketing entrance / exit motion (scroll + hero load).
 * Requires html.js — without JS, content stays visible (no .ws-reveal hooks).
 */

@media (prefers-reduced-motion: no-preference) {
	.js.ws-marketing .ws-reveal {
		opacity: 0;
		transform: translate3d(0, 1.5rem, 0);
		transition:
			opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
			transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
		transition-delay: var(--ws-reveal-delay, 0ms);
		will-change: opacity, transform;
	}

	.js.ws-marketing .ws-reveal[data-reveal='left'] {
		transform: translate3d(-1.25rem, 0, 0);
	}

	.js.ws-marketing .ws-reveal[data-reveal='right'] {
		transform: translate3d(1.25rem, 0, 0);
	}

	.js.ws-marketing .ws-reveal[data-reveal='fade'] {
		transform: none;
	}

	.js.ws-marketing .ws-reveal[data-reveal='scale'] {
		transform: scale(0.97);
	}

	.js.ws-marketing .ws-reveal.ws-reveal--in {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}

	.js.ws-marketing .ws-reveal.ws-reveal--out {
		opacity: 0;
		transform: translate3d(0, -0.75rem, 0);
		transition-duration: 0.4s;
		transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
	}

	.js.ws-marketing .ws-reveal[data-reveal='left'].ws-reveal--out {
		transform: translate3d(-0.75rem, 0, 0);
	}

	.js.ws-marketing .ws-reveal[data-reveal='right'].ws-reveal--out {
		transform: translate3d(0.75rem, 0, 0);
	}

	.js.ws-marketing .ws-reveal[data-reveal='scale'].ws-reveal--out {
		transform: scale(0.98);
	}
}

@media (prefers-reduced-motion: reduce) {
	.js.ws-marketing .ws-reveal {
		opacity: 1 !important;
		transform: none !important;
	}
}