/**
 * Unified hero band — video hubs + mesh static pages (520px desktop).
 */

.studio-hero.studio-hero--video:not(.studio-case__hero):not(.cluster-hero--pai):not(.studio-takeaway__hero--video-default),
body.studio-page-about main.wp-block-group > .studio-hero.alignfull,
body.studio-page-contact main.studio-page-contact > .studio-hero.alignfull,
body.studio-page-colophon main.studio-colophon > .studio-hero.alignfull,
body.studio-page-approach main.studio-page-approach > .studio-hero.alignfull,
body.studio-page-404 main.studio-404 > .studio-hero.alignfull,
body.post-type-archive-podcast main.studio-podcast-landing > .studio-podcast-landing__hero,
.wp-site-blocks > .studio-hero.studio-hero--video.studio-case__hero.alignfull:not(.cluster-hero--pai),
body.studio-page-cluster .wp-site-blocks > .studio-hero.studio-hero--video {
	box-sizing: border-box !important;
	min-height: var(--studio-hero-band-height, 520px) !important;
	height: var(--studio-hero-band-height, 520px) !important;
}

/* Federal — fixed 520px band; entity card overflows below (federal-page.css) */
body.studio-federal-page .wp-site-blocks > .studio-hero.studio-hero--video.cluster-hero--government.alignfull {
	box-sizing: border-box !important;
	min-height: var(--studio-hero-band-height, 520px) !important;
	height: var(--studio-hero-band-height, 520px) !important;
	max-height: var(--studio-hero-band-height, 520px) !important;
	overflow: visible !important;
}

.studio-hero.studio-hero--video.studio-hero--console-landing,
body.studio-page-cluster .wp-site-blocks > .studio-hero.studio-hero--video,
body.page-work:not(.home) .wp-site-blocks > .studio-hero.studio-hero--video,
body.studio-projects-hub-page .wp-site-blocks > .studio-hero.studio-hero--video {
	padding-bottom: var(--studio-console-landing, clamp(120px, 14vh, 200px)) !important;
	position: relative;
	z-index: 1;
}

.studio-hero.studio-hero--video:not(.studio-case__hero):not(.cluster-hero--pai):not(.studio-takeaway__hero--video-default),
body.studio-federal-page .wp-site-blocks > .studio-hero.studio-hero--video.cluster-hero--government.alignfull,
body.studio-page-about main.wp-block-group > .studio-hero.alignfull,
body.studio-page-contact main.studio-page-contact > .studio-hero.alignfull,
body.studio-page-colophon main.studio-colophon > .studio-hero.alignfull,
body.studio-page-approach main.studio-page-approach > .studio-hero.alignfull,
body.studio-page-404 main.studio-404 > .studio-hero.alignfull,
body.post-type-archive-podcast main.studio-podcast-landing > .studio-podcast-landing__hero,
.wp-site-blocks > .studio-hero.studio-hero--video.studio-case__hero.alignfull:not(.cluster-hero--pai) {
	position: relative;
	z-index: 1;
}

@media (max-width: 980px) {
	body.studio-federal-page .wp-site-blocks > .studio-hero.studio-hero--video.cluster-hero--government.alignfull {
		min-height: 0 !important;
		height: auto !important;
		max-height: none !important;
	}
}

@media (max-width: 782px) {
	body.studio-federal-page .wp-site-blocks > .studio-hero.studio-hero--video.cluster-hero--government.alignfull,
.studio-hero.studio-hero--video:not(.studio-case__hero):not(.cluster-hero--pai):not(.studio-takeaway__hero--video-default),
	body.studio-page-about main.wp-block-group > .studio-hero.alignfull,
	body.studio-page-contact main.studio-page-contact > .studio-hero.alignfull,
	body.studio-page-colophon main.studio-colophon > .studio-hero.alignfull,
	body.studio-page-approach main.studio-page-approach > .studio-hero.alignfull,
	body.post-type-archive-podcast main.studio-podcast-landing > .studio-podcast-landing__hero,
	.wp-site-blocks > .studio-hero.studio-hero--video.studio-case__hero.alignfull:not(.cluster-hero--pai) {
		min-height: min(52vh, 520px) !important;
		min-height: min(52svh, 520px) !important;
		height: auto !important;
	}

	/* Home + cluster — same band; console overlaps padding zone only (main stays below) */
	body.studio-page-cluster .wp-site-blocks > .studio-hero.studio-hero--video,
	body.home .wp-site-blocks > .studio-hero.studio-hero--video {
		min-height: min(52vh, 520px) !important;
		min-height: min(52svh, 520px) !important;
		height: auto !important;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

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

	body.studio-page-cluster .work-console-float,
	body.home .work-console-float {
		margin-top: calc(-1 * var(--studio-console-landing, clamp(7.5rem, 14vh, 12.5rem))) !important;
	}

	body.studio-page-cluster main.wp-block-group,
	body.home main.wp-block-group {
		margin-top: 0 !important;
		padding-top: var(--wp--preset--spacing--40, 1.5rem) !important;
	}
}

@media (max-width: 932px) and (orientation: landscape),
	(max-width: 782px) and (max-height: 480px) {
	:root {
		--studio-console-landing: clamp(6rem, 18svh, 10rem);
		--studio-console-pull: clamp(-11.5rem, -30svh, -9rem);
	}

	body.studio-federal-page .wp-site-blocks > .studio-hero.studio-hero--video.cluster-hero--government.alignfull,
.studio-hero.studio-hero--video:not(.studio-case__hero):not(.cluster-hero--pai):not(.studio-takeaway__hero--video-default),
	body.studio-page-colophon main.studio-colophon > .studio-hero.alignfull,
	body.studio-page-approach main.studio-page-approach > .studio-hero.alignfull,
	body.studio-page-404 main.studio-404 > .studio-hero.alignfull,
	body.post-type-archive-podcast main.studio-podcast-landing > .studio-podcast-landing__hero {
		min-height: min(52vh, 520px) !important;
		min-height: min(52svh, 520px) !important;
		height: auto !important;
	}

	.wp-site-blocks > .studio-hero.studio-hero--video.studio-hero--console-landing .cluster-hero__content,
	body.studio-page-cluster .wp-site-blocks > .studio-hero.studio-hero--video .cluster-hero__content,
	body.home .wp-site-blocks > .studio-hero.studio-hero--video .cluster-hero__content,
	body.page-work:not(.home) .wp-site-blocks > .studio-hero.studio-hero--video .cluster-hero__content,
	body.studio-projects-hub-page .wp-site-blocks > .studio-hero.studio-hero--video .cluster-hero__content {
		padding-top: clamp(0.65rem, 2.5svh, 1.1rem) !important;
		padding-bottom: clamp(0.35rem, 1.5svh, 0.65rem) !important;
	}
}