/* ===========================================================================
   HERO-IMAGE — bare full-bleed photo, used on sub-pages
   Source: docs/figma/our-services/03-hero-image.png (1440 × 348)
   =========================================================================== */

.wp-block-group.hodc-hero-image {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.wp-block-group.hodc-hero-image > .hodc-hero-image__media {
	margin: 0;
}

.wp-block-group.hodc-hero-image > .hodc-hero-image__media img {
	width: 100%;
	height: 348px;          /* Figma: 348 px at 1440 viewport, 1× */
	object-fit: cover;
	object-position: center;
	display: block;
}

/* Mobile — NOT IN FIGMA. Proposed: shrink to 240px floor so phones
 * still show a visible hero band. */
@media (max-width: 1024px) {
	.wp-block-group.hodc-hero-image > .hodc-hero-image__media img {
		height: clamp(240px, 28vw, 348px);
	}
}