/* About page: milestones overrides for the shared home component. */
/* Homepage "Milestones" reused verbatim on About: hero.css (which sizes
 * .home-content) is front-page only, so re-apply the container here to keep
 * the band on the same content width as the sections above it. */
.ab-page .home-content {
	max-width: var(--ph-container, 1280px);
	margin: 0 auto;
}

/* Milestones reuses the home markup, so its title defaults to the lighter
 * home sizing; bring it in line with the other About section headings. */
.ab-page .std-title {
	--u: calc(100vw / 1840);
	font-size: clamp(38px, 2.5vw, 46px);
	font-weight: var(--sfm-weight-bold);
	letter-spacing: .005em;
	line-height: 1;
}

.ab-page .std-title::before,
.ab-page .std-title::after {
	width: calc(var(--u) * 13);
	height: calc(var(--u) * 13);
}