/* About page */
.hx-about-hero .hx-wrap {
	width: min(100% - 2rem, var(--hx-wrap-wide));
}

.hx-about-hero h1 {
	max-width: none;
	font-size: clamp(1.75rem, 4.2vw, 4rem);
}

.hx-about-hero .hx-pill {
	margin-bottom: 20px;
}

.hx-about {
	padding-block: clamp(56px, 7vw, 88px) clamp(72px, 9vw, 112px);
}

.hx-about__inner {
	max-width: 60rem;
	margin-inline: auto;
}

.hx-about__lead {
	margin-bottom: clamp(40px, 5vw, 56px);
}

.hx-about__lead p {
	margin: 0 0 24px;
	font-size: clamp(1.1875rem, 2.2vw, 1.375rem);
	font-weight: 700;
	line-height: 1.45;
}

.hx-about__lead .hx-btn {
	display: flex;
	width: fit-content;
	margin-inline: auto;
	font-size: 0.9375rem;
}

.hx-about__article section {
	margin: 0 0 48px;
}

.hx-about__article section:last-child {
	margin-bottom: 0;
}

.hx-about__article h2 {
	margin: 0 0 16px;
	font-size: clamp(1.375rem, 3vw, 1.625rem);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

.hx-about__article h3 {
	margin: 28px 0 12px;
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.3;
}

.hx-about__article p {
	margin: 0 0 16px;
	font-size: 1.0625rem;
	line-height: 1.65;
}

.hx-about__article p:last-child {
	margin-bottom: 0;
}

.hx-about__article a {
	color: var(--hx-ink);
	text-decoration: none;
}

.hx-about__article a:hover {
	text-decoration: underline;
}

@media (min-width: 700px) {
	.hx-about-hero h1 {
		white-space: nowrap;
	}
}

@media (max-width: 820px) {
	.hx-about__article section {
		margin-bottom: 40px;
	}
}