/* One typographic system for the site's primary section headings. */
body :is(
	.approach-heading h2,
	.why-section .why-content h2,
	.services-copy h2,
	.latest-heading h2,
	.projects-heading h2,
	.contact-heading h2,
	.corporate-section-heading h2,
	.mission-intro-heading h2,
	.values-heading h2,
	.service-story-copy h2,
	.service-scope-heading h2,
	.service-contact h2,
	.service-intro-copy h2,
	.service-gallery-copy h2,
	.service-faq-heading h2,
	.project-lead-heading h2,
	.project-profile-copy h2,
	.project-panel-heading h2
) {
	font-family: var(--heading);
	font-size: clamp(38px, 4.1vw, 68px);
	font-weight: 400;
	line-height: 1.04;
	letter-spacing: -.045em;
}

@media (max-width: 600px) {
	body :is(
		.approach-heading h2,
		.why-section .why-content h2,
		.services-copy h2,
		.latest-heading h2,
		.projects-heading h2,
		.contact-heading h2,
		.corporate-section-heading h2,
		.mission-intro-heading h2,
		.values-heading h2,
		.service-story-copy h2,
		.service-scope-heading h2,
		.service-contact h2,
		.service-intro-copy h2,
		.service-gallery-copy h2,
		.service-faq-heading h2,
		.project-lead-heading h2,
		.project-profile-copy h2,
		.project-panel-heading h2
	) {
		font-size: clamp(32px, 8vw, 44px);
		line-height: 1.08;
	}
}