/**
 * Our story — the bits theme.json can't express: the photo frame (rounded, full
 * column height, desaturated to match the archival B&W comp) and the placeholder
 * label that shows until the client sets the Cover image. Loaded only when the
 * section (.ab-our-story) is on the page.
 */
.ab-our-story__media {
	overflow: hidden;
	/* A DEFINITE height (not just the cover's inline min-height) so core's
	   background image — sized height:100% — resolves and object-fit:cover crops.
	   The inner container is empty, so without this the image would collapse. */
	height: 420px;
	/* Placeholder fill until the client sets the Cover image (the cover itself
	   no longer carries a background colour, so the box stays canonical/valid). */
	background-color: var(--wp--preset--color--ab-surface);
}

/* Archival treatment: desaturate whatever photo the client drops on the Cover. */
.ab-our-story__media .wp-block-cover__image-background,
.ab-our-story__media .wp-block-cover__video-background {
	filter: grayscale(100%) contrast(1.02);
}

/* Placeholder label sits centred and muted until a real photo is set. */
.ab-our-story__media .wp-block-cover__inner-container {
	width: 100%;
}

@media (max-width: 781px) {
	.ab-our-story__media {
		height: 320px !important;
	}

	.ab-our-story__callout {
		padding-left: var(--wp--preset--spacing--40) !important;
		padding-right: var(--wp--preset--spacing--40) !important;
	}
}