/**
 * Our story — the bits theme.json can't express: the photo frame (rounded 8px,
 * fixed height, desaturated to match the archival B&W comp) and the cream callout
 * card with the orange left rule. Loaded only when .ab-our-story is on the page.
 */
.ab-our-story__media {
	overflow: hidden;
	height: 407px; /* Figma: right-side image is 560 x 407 */
	background-color: var(--wp--preset--color--ab-surface); /* placeholder until a photo is set */
	border-radius: 8px;
}

/* 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);
}

.ab-our-story__media .wp-block-cover__inner-container {
	width: 100%;
}

/* Cream callout card with the orange 4px left rule; right corners rounded (Figma). */
.ab-our-story__callout {
	background: #faf8f4;
	border-left: 4px solid #f59423;
	border-radius: 0 8px 8px 0;
	padding: 50px;
}

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