/* Full-bleed hero without causing horizontal scrollbars */
.c2-hero {
	position: relative;

	/* full-bleed, compensate scrollbar */
	width: 100%;
	max-width: 100vw;
	margin-left:  calc(50% - 50vw + (100vw - 100%)/2);
	margin-right: calc(50% - 50vw + (100vw - 100%)/2);

	overflow-x: clip;
	overflow-y: hidden;
}

/* NEW: make the whole area clickable when linked */
.c2-hero__link {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
}
.c2-hero__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Height is set inline: either height: XXvh; or aspect-ratio: W/H; */
.c2-hero__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Editor preview niceties */
.c2-hero-editor img {
	display: block;
	width: 100%;
	object-fit: cover;
}