.about-page {
	--about-sticky-top: calc(var(--admin-bar-sticky-offset) + var(--header-height) + (2 * var(--header-gap)) + var(--space-sm));
	padding-block: 0;
}
.about-page__hero { padding-top: 0; }
.about-page__hero-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: var(--space-2xl); padding-block: var(--space-2xl) var(--space-3xl); }
.about-page__hero-grid > * { min-width: 0; }
.about-page__intro { max-width: var(--container-narrow); }
.about-page__intro h1 { color: var(--color-white); overflow-wrap: anywhere; }
.about-page__intro .body-large { margin-bottom: 0; color: var(--color-text-secondary); }
.about-page__hero-media,
.about-page__mission-media { border-radius: var(--border-radius-lg); }
.about-page__image { width: 100%; height: 100%; object-fit: cover; }

/* Metrics: word values (no digits) use a smaller size inside the shared number line box so labels stay aligned. */
.about-page__metric { min-width: 0; }
.about-page__metric--text .metric__value { font-size: var(--font-h3); letter-spacing: var(--letter-spacing-heading); overflow-wrap: anywhere; }

/* Mission & Vision: one column with the image first; balanced two columns with a sticky image on desktop. */
.about-page__mission-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: var(--space-2xl); }
.about-page__mission-grid > * { min-width: 0; }
.about-page__mission-media { aspect-ratio: var(--media-ratio-landscape); }
.about-page__mission-copy { display: grid; gap: var(--space-2xl); }
.about-page__statement { min-width: 0; }
.about-page__statement + .about-page__statement { padding-top: var(--space-2xl); border-top: var(--border-width) solid var(--section-border); }
.about-page__statement h2 { margin-bottom: var(--space-lg); font-size: var(--font-h3); overflow-wrap: anywhere; }
.about-page__statement-text { max-width: 42rem; }
.about-page__statement-text p { margin: 0 0 var(--space-md); }
.about-page__statement-text p:last-child { margin-bottom: 0; }

.about-card { display: flex; flex-direction: column; height: 100%; border-radius: var(--border-radius-lg); }
.about-card .card__title { overflow-wrap: anywhere; }
.about-card .card__description { margin-bottom: 0; overflow-wrap: anywhere; }
.about-card__address { font-style: normal; }

.about-page__contact-line { display: flex; flex-wrap: wrap; gap: var(--space-sm) var(--space-xl); margin: var(--space-xl) 0 0; overflow-wrap: anywhere; }
.about-page__contact-label { color: var(--section-muted); }

@media (min-width: 48rem) {
	.about-page__mission-copy--columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3xl); }
	.about-page__mission-copy--columns .about-page__statement { padding-top: var(--space-xl); border-top: var(--border-width) solid var(--section-border); }
}

@media (min-width: 64.0625rem) {
	.about-page__hero-grid--media { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-3xl); }

	.about-page__mission-grid--media { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: var(--space-3xl); }
	.about-page__mission-grid--media .about-page__mission-copy { grid-column: 1; grid-row: 1; }
	.about-page__mission-grid--media .about-page__mission-media {
		position: sticky;
		top: var(--about-sticky-top);
		grid-column: 2;
		grid-row: 1;
		max-height: calc(100vh - var(--about-sticky-top) - var(--space-xl));
		aspect-ratio: 4 / 5;
	}
}

@media (max-width: 37.5rem) {
	.about-page__hero-grid { padding-block: var(--space-xl) var(--space-2xl); }
}