/* Responsive Banner section. Loaded once, in page row order. */

.cohoma-section--responsive-banner {
	padding: 10px;
}

.cohoma-section--responsive-banner.cohoma-section--full-bleed {
	position: relative;
	width: 100%;
	padding: 0;
}

/* Measure the content viewport without including its vertical scrollbar. */
@supports (width: 1cqw) and selector(:has(*)) {
	#content:has(.cohoma-section--full-bleed) {
		container-type: inline-size;
	}

	.cohoma-section--responsive-banner.cohoma-section--full-bleed {
		left: 50%;
		width: 100cqw;
		max-width: 100cqw;
		margin-left: -50cqw;
	}
}

.cohoma-section--responsive-banner picture,
.cohoma-section--responsive-banner img {
	display: block;
	width: 100%;
	height: auto;
}