/* About — 3 sections. Title band from inner.css; header/tokens from home-5.css */

.asb-about-page {
	overflow-x: clip;
}

.asb-about-page .asb-h5-about {
	position: relative;
	overflow: visible;
	padding-top: 3.5rem;
}

@media (min-width: 1200px) {
	.asb-about-page .asb-h5-about {
		padding-top: 4.5rem;
	}
}

.asb-about-page .asb-h5-about__grid {
	position: relative;
	z-index: 1;
	margin-top: 0;
}

.asb-about-page .asb-h5-about h2.asb-h5-programs__title {
	margin: 0 0 1.1rem;
	max-width: 12ch;
	color: #292929;
	font-family: "Work Sans", Montserrat, sans-serif;
	font-size: clamp(1.85rem, 4vw, 3.125rem);
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
}

.asb-about-values {
	background: #f9f8f4;
	padding: 4.5rem 0;
}

@media (min-width: 1200px) {
	.asb-about-values {
		padding: 7.5rem 0;
	}
}

.asb-about-values .asb-h5-badge {
	display: flex;
	width: fit-content;
	margin-inline: auto;
}

.asb-about-values__title {
	margin: 0 auto 2.25rem;
	max-width: 20ch;
	color: #111;
	font-family: Montserrat, sans-serif;
	font-size: clamp(1.7rem, 3vw, 2.35rem);
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
}

.asb-about-values__grid {
	display: grid;
	gap: 1.25rem;
}

@media (min-width: 768px) {
	.asb-about-values__grid {
		grid-template-columns: 1fr 1fr;
		gap: 1.75rem;
	}
}

.asb-about-values__grid article {
	padding: 1.75rem 1.6rem 1.85rem;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 14px 36px rgba(15, 13, 52, 0.06);
}

.asb-about-values__grid h3 {
	margin: 0 0 0.75rem;
	padding-left: 14px;
	border-left: 2px solid #e42e2d;
	color: #111;
	font-family: Montserrat, sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3;
}

.asb-about-values__grid p {
	margin: 0;
	color: #666;
	font-family: Inter, sans-serif;
	font-size: 15px;
	line-height: 1.7;
}