/**
 * Shared top padding below fixed header for page heroes (contact, about, legal, courses).
 */
:root {
	--ep-page-hero-pad-top: clamp(40px, 2.5vw + 20px, 56px);
}

.ep-contact-hero,
.ep-about-hero,
.ep-clients-hero,
.elp-legal-hero,
.posh-act-page {
	padding-top: var(--ep-page-hero-pad-top);
}

.pfe-hero {
	padding-top: max(54px, var(--ep-page-hero-pad-top));
}