/*
 * Homepage-only YouTube hero guard.
 * The theme's original banner supports <video>, while the current homepage
 * uses a fixed-size YouTube iframe. These rules make that iframe behave like
 * the original full-bleed video without modifying navigation or page content.
 */
body.home .section-home-banner > .youtube-iframe {
	position: absolute !important;
	inset: 0 !important;
	z-index: -4 !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	pointer-events: none !important;
	container-type: size;
}

body.home .section-home-banner > .youtube-iframe iframe {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: auto !important;
	min-width: 100% !important;
	height: 100% !important;
	aspect-ratio: 16 / 9 !important;
	border: 0 !important;
	transform: translate(-50%, -50%) !important;
}

@supports (width: 1cqw) {
	body.home .section-home-banner > .youtube-iframe iframe {
		width: max(100cqw, 177.77777778cqh) !important;
		min-width: 0 !important;
		height: auto !important;
	}
}