/*
 * Homepage-only section styling (hero only). Loaded only on the front
 * page. Generic reusable primitives previously placed here (.mc-section,
 * .mc-card--link, .mc-card__media-placeholder, .mc-cta-band) moved to
 * layout.css / components/cards.css / components/cta-band.css since
 * Phase 6 reuses them outside the homepage. .mc-hero__lede and
 * .mc-process* moved to layout.css for the same reason — both are
 * reused verbatim on the About page (Phase 4 decision) and were
 * rendering completely unstyled there (raw browser-default <ol> numbers
 * showing alongside the custom "01" labels).
 */
.mc-hero {
	padding-block: var(--mc-space-8);
	text-align: center;
}

.mc-hero__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--mc-space-4);
	margin-top: var(--mc-space-5);
}