/**
 * 0.2.14 — photo-led heroes.
 *
 * theme.json gives .has-contrast-background-color an opaque navy
 * background-color !important. Cover overlays use that class, so the
 * photo sat behind a solid bar. Keep a light wash, not a solid fill.
 */

.msd-hero.wp-block-cover > .wp-block-cover__image-background,
.msd-page-hero.wp-block-cover > .wp-block-cover__image-background,
.msd-cta-cover.wp-block-cover > .wp-block-cover__image-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.msd-hero.wp-block-cover > .wp-block-cover__background.has-background-dim,
.msd-page-hero.wp-block-cover > .wp-block-cover__background.has-background-dim,
.msd-cta-cover.wp-block-cover > .wp-block-cover__background.has-background-dim {
	background-color: transparent !important;
	opacity: 1;
	z-index: 1;
}

.msd-hero .wp-block-cover__inner-container,
.msd-page-hero .wp-block-cover__inner-container,
.msd-cta-cover .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}

/* Home: readable type on the left, studio photo open on the right. */
.msd-hero.wp-block-cover > .wp-block-cover__background.has-background-dim {
	background-image: linear-gradient(
		100deg,
		rgba(2, 18, 40, 0.58) 0%,
		rgba(2, 18, 40, 0.22) 42%,
		rgba(2, 18, 40, 0.05) 100%
	) !important;
}

/* Inner pages: wide photo banner, title still legible. */
.msd-page-hero.wp-block-cover > .wp-block-cover__background.has-background-dim {
	background-image: linear-gradient(
		180deg,
		rgba(2, 18, 40, 0.28) 0%,
		rgba(2, 18, 40, 0.48) 100%
	) !important;
}

/* Homepage closing band uses the same studio photo. */
.msd-cta-cover.wp-block-cover > .wp-block-cover__background.has-background-dim {
	background-image: linear-gradient(
		180deg,
		rgba(2, 18, 40, 0.45) 0%,
		rgba(2, 18, 40, 0.55) 100%
	) !important;
}