.mfb-founders {
	padding-block: var(--mfb-space-2xl);
	background: var(--mfb-section-bg, var(--mfb-color-paper));
	color: var(--mfb-section-text);
}

.mfb-founders__inner {
	max-width: 71.25rem;
}

.mfb-founders__title {
	margin-bottom: var(--mfb-space-md);
}

.mfb-founders__list {
	display: grid;
	gap: var(--mfb-space-md);
}

.mfb-person {
	/* Cards keep their own colours whatever the section background. */
	--mfb-section-text: initial;
	--mfb-section-heading: initial;
	--mfb-section-muted: initial;
	--mfb-person-bg: var(--mfb-color-forest);
	--mfb-person-role: var(--mfb-color-accent-soft);
	--mfb-person-text: var(--mfb-color-paper);

	display: grid;
	gap: var(--mfb-space-md);
	padding: 1.25rem;
	border: 1px solid var(--mfb-color-sand);
	border-radius: var(--mfb-radius-sm);
	background: var(--mfb-person-bg);
	color: var(--mfb-person-text);
}

.mfb-founders__item:nth-child(even) .mfb-person {
	--mfb-person-bg: var(--mfb-color-coral);
	--mfb-person-role: var(--mfb-color-ink);
	--mfb-person-text: var(--mfb-color-ink);
}

.mfb-person__media {
	overflow: hidden;
	border-radius: var(--mfb-radius-sm);
}

.mfb-person__photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.mfb-person__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--mfb-space-lg);
	padding: var(--mfb-space-xs) var(--mfb-space-2xs) var(--mfb-space-2xs);
}

.mfb-person__bio {
	max-width: 60ch;
}

.mfb-person__name {
	color: inherit;
	font-size: var(--mfb-text-h5);
}

.mfb-person__role {
	color: var(--mfb-person-role);
	font-size: var(--mfb-text-small);
	font-weight: 500;
}

@media (min-width: 48em) {
	.mfb-person {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--mfb-space-lg);
	}

	.mfb-person__body {
		padding: var(--mfb-space-md) var(--mfb-space-md) var(--mfb-space-md) 0;
	}

	.mfb-founders__item:nth-child(even) .mfb-person__media {
		order: 1;
	}

	.mfb-founders__item:nth-child(even) .mfb-person__body {
		padding: var(--mfb-space-md) 0 var(--mfb-space-md) var(--mfb-space-md);
	}
}