/**
 * Staging — hub content reveal (home ↔ cluster domains).
 * Hero + console stay instant via scroll handoff; main content fades up.
 */

@media (prefers-reduced-motion: no-preference) {
	html[data-hub-content-pending] body.studio-hub-content-vt-pilot .studio-hp-gate-mount:not(:empty),
	html[data-hub-content-pending] body.studio-hub-content-vt-pilot main.wp-block-group > * {
		opacity: 0;
		transform: translateY(12px);
		will-change: opacity, transform;
	}

	@keyframes studio-hub-content-reveal-in {
		from {
			opacity: 0;
			transform: translateY(12px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	html.studio-hub-content-reveal body.studio-hub-content-vt-pilot .studio-hp-gate-mount:not(:empty) {
		animation: studio-hub-content-reveal-in 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0.02s both;
	}

	html.studio-hub-content-reveal body.studio-hub-content-vt-pilot main.wp-block-group > .cluster-nav {
		animation: studio-hub-content-reveal-in 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0.04s both;
	}

	html.studio-hub-content-reveal body.studio-hub-content-vt-pilot main.wp-block-group > .cluster-strip {
		animation: studio-hub-content-reveal-in 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
	}

	html.studio-hub-content-reveal body.studio-hub-content-vt-pilot main.wp-block-group > .about-section--full-width,
	html.studio-hub-content-reveal body.studio-hub-content-vt-pilot main.wp-block-group > .cluster-engagements {
		animation: studio-hub-content-reveal-in 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;
	}

	html.studio-hub-content-reveal body.studio-hub-content-vt-pilot main.wp-block-group > .cluster-back {
		animation: studio-hub-content-reveal-in 0.34s cubic-bezier(0.22, 1, 0.36, 1) 0.14s both;
	}

	/* Home — single engagements band */
	html.studio-hub-content-reveal body.home.studio-hub-content-vt-pilot main.wp-block-group > .cluster-engagements {
		animation: studio-hub-content-reveal-in 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.06s both;
	}

	/* Suppress competing card/grid motion during hub switch */
	html[data-hub-content-pending] body.studio-hub-content-vt-pilot .work-engagement-card,
	html.studio-hub-content-reveal body.studio-hub-content-vt-pilot .work-engagement-card,
	html[data-hub-content-pending] body.studio-hub-content-vt-pilot .work-hub__toolbar,
	html.studio-hub-content-reveal body.studio-hub-content-vt-pilot .work-hub__toolbar {
		animation: none !important;
		opacity: inherit;
		transform: inherit;
		filter: none !important;
	}
}