/**
 * Console landing shell — grid pins 520px band (same depth as About/Contact).
 * Desktop overlap: row 2 shared by hero + console slot (translateY 50%).
 *
 * Regression: scripts/verify-console-landing-shell.py
 * @see docs/HERO_LAYOUT.md §5b-console
 */

@media (min-width: 768px) {
	body.home .wp-site-blocks,
	body.studio-page-cluster .wp-site-blocks {
		display: grid;
		grid-template-columns: 100%;
		gap: 0 !important;
		row-gap: 0 !important;
	}

	body.home .wp-site-blocks > header,
	body.home .wp-site-blocks > .site-header,
	body.studio-page-cluster .wp-site-blocks > header,
	body.studio-page-cluster .wp-site-blocks > .site-header {
		grid-row: 1;
		grid-column: 1;
	}

	/* Band row — fixed 520px like About; hero fills the cell */
	body.home .wp-site-blocks > .studio-hero.studio-hero--video,
	body.studio-page-cluster .wp-site-blocks > .studio-hero.studio-hero--video {
		grid-row: 2;
		grid-column: 1;
		display: block !important;
		height: var(--studio-hero-band-height, 520px) !important;
		min-height: var(--studio-hero-band-height, 520px) !important;
		max-height: var(--studio-hero-band-height, 520px) !important;
		margin: 0 !important;
		padding-bottom: 0 !important;
		overflow: hidden !important;
	}

	/* Headline rail — top-aligned like mesh split column, not vertically centered */
	body.home .wp-site-blocks > .studio-hero.studio-hero--video .cluster-hero__content,
	body.studio-page-cluster .wp-site-blocks > .studio-hero.studio-hero--video .cluster-hero__content {
		display: block !important;
		flex: none !important;
		justify-content: flex-start !important;
		min-height: 0 !important;
		padding-top: var(--wp--preset--spacing--40, 1.5rem) !important;
		padding-bottom: 0 !important;
	}

	/* Console / card slot — bottom of band, half on paper */
	body.home .wp-site-blocks > .wp-block-template-part:has(> .work-console-float),
	body.home .wp-site-blocks > .wp-block-template-part:has(> .work-console-wrap),
	body.studio-page-cluster .wp-site-blocks > .wp-block-template-part:has(> .work-console-float),
	body.studio-page-cluster .wp-site-blocks > .wp-block-template-part:has(> .work-console-wrap) {
		grid-row: 2;
		grid-column: 1;
		align-self: end;
		justify-self: stretch;
		z-index: 10;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		transform: translateY(50%);
		pointer-events: none;
	}

	body.home .work-console-float,
	body.home .work-console-wrap,
	body.studio-page-cluster .work-console-float,
	body.studio-page-cluster .work-console-wrap {
		margin-top: 0 !important;
		padding-top: 0 !important;
		pointer-events: auto;
	}

	/* Paper row */
	body.home .wp-site-blocks > main.wp-block-group,
	body.studio-page-cluster .wp-site-blocks > main.wp-block-group {
		grid-row: 3;
		grid-column: 1;
		margin: 0 !important;
		background-color: #ffffff !important;
		z-index: 4;
	}

	/* Home w/o gate: half landing lets engagement grid tuck under console bottom */
	body.home .wp-site-blocks > main.wp-block-group {
		padding-top: calc(var(--studio-console-landing, clamp(120px, 14vh, 200px)) / 2 + var(--wp--preset--spacing--40, 1.5rem)) !important;
	}

	/* Cluster: half landing lets engagement grid tuck under console bottom */
	body.studio-page-cluster .wp-site-blocks > main.wp-block-group {
		padding-top: calc(var(--studio-console-landing, clamp(120px, 14vh, 200px)) / 2 + var(--wp--preset--spacing--40, 1.5rem)) !important;
	}

}
