/* Shared display scale for heroes and landing-page section headings. */
:root {
	--title-display-size:clamp(34px,3.2vw,50px);
	--title-display-line-height:1.08;
}

.hero-title,
.page-title,
.page-hero h1,
.hero h1,
.features-hero h1,
.feature-single-hero h1,
.pricing-hero h1,
.contact-hero h1,
.blog-hero h1,
.blog-single__hero h1,
.section-title,
.section-head h2,
.feature-group-heading h2,
.feature-single-body > div > h2,
.portal h2,
.cta-title,
.cta h2,
.pricing-options .section-head h2,
.pricing-onboarding > h2,
.pricing-final h2,
.contact-onboarding h2,
.contact-final h2,
.blog-list > h2,
.related-posts > h2,
.article-cta h2 {
	font-size:var(--title-display-size);
	line-height:var(--title-display-line-height);
}

.hero h1 em {
	font-size:inherit;
}

@media (max-width:1024px) {
	:root {
		--title-display-size:clamp(34px,4.1vw,42px);
	}
}

@media (max-width:640px) {
	:root {
		--title-display-size:clamp(30px,9vw,36px);
		--title-display-line-height:1.1;
	}
}