/**
 * About page sections (template-parts/pages/about/).
 *
 * Loaded only on the About page template (see inc/enqueue.php). The page is
 * built from shared components in assets/css/main.css (page hero, section
 * header, split, text styles, ruled rows, display list, numbered cards,
 * ruled columns, framed image, contact CTA); only section-specific spacing
 * lives here.
 */

/* Who we are -------------------------------------------------------------- */
.who-we-are__text {
	max-width: 52ch;
	margin-top: 20px;
}

.who-we-are__facts {
	margin-top: clamp(32px, 3.6vw, 56px);
}

/* Outcomes ---------------------------------------------------------------- */
.outcomes__link {
	margin-top: clamp(24px, 3vw, 38px);
}

/* Expertise --------------------------------------------------------------- */

/* Standard names are short codes ("ISO 9001"); keep them on one line. */
.expertise .display-list__name {
	flex-shrink: 0;
}

/* Approach ---------------------------------------------------------------- */
.approach__intro {
	gap: clamp(24px, 3vw, 38px) clamp(28px, 4.5vw, 88px);
	align-items: end;
}

/* Step titles are single words, so the title column is narrower than in stories. */
.approach__steps .ruled-row--detail {
	--aq-row-cols: minmax(0, .34fr) minmax(0, .66fr) minmax(0, 1.2fr);
}