/* ===========================================================================
   AWARDS-GRID-3UP — text-only 3-up award cards, white bg
   Source: docs/figma/leadership-staff/_slices/08-awards-grid-3up.png
   =========================================================================== */

.wp-block-group.hodc-awards-grid-3up {
	padding: 80px 24px;
	background: var(--wp--preset--color--white);
}

/* Section title — centered serif accent color, h-l size (42/52). */
.hodc-awards-grid-3up__title {
	color: var(--wp--preset--color--accent);
	margin: 0 0 64px;
	font-family: var(--wp--preset--font-family--source-serif-pro);
	font-size: var(--wp--preset--font-size--h-l);
	font-weight: 400;
	line-height: 1.238;
	letter-spacing: -0.01em;
	text-align: center;
}

/* Row of 3 columns. */
.hodc-awards-grid-3up__row {
	gap: 60px;
	margin: 0;
}

.wp-block-column.hodc-awards-grid-3up__card {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Name — serif h-s primary teal, left aligned. */
.hodc-awards-grid-3up__name {
	color: var(--wp--preset--color--primary);
	margin: 0;
	font-family: var(--wp--preset--font-family--source-serif-pro);
	font-size: var(--wp--preset--font-size--h-s);
	font-weight: 400;
	line-height: 1.333;
	text-align: left;
}

/* Body paragraph — small Mr Eaves, primary teal, left aligned. */
.hodc-awards-grid-3up__body {
	color: var(--wp--preset--color--primary);
	margin: 0;
	font-family: var(--wp--preset--font-family--mr-eaves-xl-modern);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.57;
	text-align: left;
}

.hodc-awards-grid-3up__body strong {
	font-weight: 700;
}

@media (max-width: 1024px) {
	.wp-block-group.hodc-awards-grid-3up {
		padding: clamp(48px, 7vw, 80px) 24px;
	}
	.hodc-awards-grid-3up__row {
		flex-wrap: wrap;
		gap: 48px;
	}
}

@media (max-width: 768px) {
	.hodc-awards-grid-3up__title {
		margin-bottom: 48px;
	}
	.wp-block-column.hodc-awards-grid-3up__card {
		flex-basis: 100% !important;
	}
}