/* Keep the About introduction aligned with the shared Services hero. */
.sss-page-about .sss-about-metrics {
	padding: clamp(28px, 3vw, 42px) 0 0;
	background: #fff;
}
.sss-page-about .sss-about-stats {
	margin: 0;
}
.sss-page-about .sss-about-story,
.sss-page-about .sss-about-refresh .sss-about-story {
	padding-top: clamp(58px, 6vw, 82px) !important;
}

/* An editorial sequence rather than a grid of cards. */
.sss-page-about .sss-about-refresh {
	overflow: clip;
}
.sss-page-about .sss-about-partner__layout {
	grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr);
	align-items: start;
	gap: clamp(40px, 6vw, 100px);
}
.sss-page-about .sss-about-partner__intro {
	position: sticky;
	top: calc(var(--header-h, 78px) + 30px);
	align-self: start;
}
.sss-page-about .sss-about-partner__list {
	margin: 0;
	padding: 0;
	border-top: 1px solid #e2d7be;
	list-style: none;
}
.sss-page-about .sss-about-partner__list li {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	align-items: start;
	gap: 17px;
	padding: clamp(20px, 2.5vw, 30px) 0;
	border-bottom: 1px solid #e2d7be;
	background: transparent;
	transition: padding-left .25s ease, border-color .25s ease;
}
.sss-page-about .sss-about-partner__list li:hover {
	padding-left: 7px;
	border-bottom-color: #b7913e;
}
.sss-page-about .sss-about-partner__symbol {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid #e9d9b5;
	border-radius: 50%;
	color: #79612f;
}
.sss-page-about .sss-about-partner__list li:nth-child(2) .sss-about-partner__symbol { color: #836930; border-color: #ecdab3; }
.sss-page-about .sss-about-partner__list li:nth-child(3) .sss-about-partner__symbol { color: #9f7b2c; border-color: #e9e2d3; }
.sss-page-about .sss-about-partner__list li:nth-child(4) .sss-about-partner__symbol { color: #d66d42; border-color: #f5d6c8; }
.sss-page-about .sss-about-partner__symbol .sss-icon { width: 21px; height: 21px; }
.sss-page-about .sss-about-partner__list h3 {
	margin: 0 0 6px;
	font-size: clamp(1.04rem, 1.4vw, 1.22rem);
	font-weight: 650;
	line-height: 1.3;
}
.sss-page-about .sss-about-partner__list p {
	max-width: 49ch;
	margin: 0;
	color: var(--about-muted);
	font-size: .92rem;
	line-height: 1.6;
}
@media (max-width: 980px) {
	.sss-page-about .sss-about-partner__layout { grid-template-columns: 1fr; gap: 28px; }
	.sss-page-about .sss-about-partner__intro { position: static; }
}
@media (min-width: 761px) and (max-width: 1180px) {
	/* The marker is 11px tall with a 5px top offset, placing its center at
	   10.5px. Center the 1px timeline rule on that same axis. */
	.sss-page-about .sss-about-milestones::before { top: 10px; }
	.sss-page-about .sss-about-milestones li > div { padding-top: 20px; }
}
@media (max-width: 600px) {
	.sss-page-about .sss-about-metrics { padding-top: 20px; }
	.sss-page-about .sss-about-refresh .sss-about-story { padding-top: 50px !important; }
	.sss-page-about .sss-about-partner__list li { grid-template-columns: 40px minmax(0, 1fr); gap: 10px; padding-block: 19px; }
	.sss-page-about .sss-about-partner__symbol { width: 39px; height: 39px; }
	.sss-page-about .sss-about-partner__list p { font-size: .87rem; }
}
@media (prefers-reduced-motion: reduce) {
	.sss-page-about .sss-about-partner__list li { transition: none; }
}