h1,
h2,
h3,
h4,
.logo__name,
.ex-card__title,
.hero__title {
	font-family: var(--font-serif);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.12;
}

h1,
h2,
h3,
h4 {
	text-wrap: balance;
}

h1 {
	font-size: clamp(2.8rem, 6vw, 5.4rem);
	margin: 0 0 0.6rem;
}

h2 {
	font-size: clamp(2.1rem, 4vw, 3.4rem);
	margin: 0 0 0.8rem;
}

h3 {
	font-size: clamp(1.5rem, 2vw, 2rem);
	margin: 0 0 0.5rem;
}

p {
	margin: 0 0 1rem;
}

.page-hero__lead,
.entry-content p {
	color: var(--color-muted);
}