/**
 * Leadership — the bits theme.json can't express: the band's bottom hairline, the
 * flush-mounted card photos and the four-up director grid. Loaded only when
 * .ab-leadership is on the page.
 */
.ab-leadership {
	border-bottom: 1px solid #e9e9e9; /* Figma: section bottom rule */
}

/* Both card types clip their flush photos to the card's rounded corners. */
.ab-leader-featured,
.ab-director-card {
	overflow: hidden;
}

/* Chairman card: the square photo must fill its column flush (a featured-image
   block inside a column doesn't stretch on its own). The column drives the card
   height; the text vcenters beside it. */
.ab-leader-featured .wp-block-post-featured-image,
.ab-leader-featured .wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* On the Chairman card the two columns must be equal height so the content's
   left rule runs the full card and the photo fills top-to-bottom. */
.ab-leader-featured .wp-block-columns {
	align-items: stretch;
}

/* Director cards stretch to equal height across the grid row. */
.ab-leadership .wp-block-post-template > li > .ab-director-card {
	height: 100%;
}

/* Director photo: near-square (Figma 288.75 x 311), cover-cropped. */
.ab-director-card .wp-block-post-featured-image img {
	width: 100%;
	object-fit: cover;
}

@media (max-width: 781px) {
	/* Chairman card stacks: photo on top, content below (no left rule). */
	.ab-leader-featured__content {
		border-left: 0 !important;
		padding: 32px 24px !important;
	}
}