/* Block: Page header. Figma: Contact 1:152-1:153 */

.section--page-header { --pt: clamp(64px, 13.02vw, 250px); }

/* Under a banner image the title sits closer: 120 instead of 250. */
.section--image-banner + .section--page-header { --pt: clamp(56px, 6.25vw, 120px); }

.page-header__eyebrow {
	font-size: clamp(0.9375rem, 0.9375vw, 1.125rem); /* 18 */
	line-height: 1.22;
	letter-spacing: -0.03em;
}

.page-header__eyebrow + .page-header__title { margin-top: clamp(14px, 1.1vw, 21px); }

/* Indented headers (Publications) sit a little lower under a two-line intro: 30 instead of 21. */
.container--default > .page-header__eyebrow + .page-header__title { margin-top: clamp(16px, 1.56vw, 30px); }

.page-header__title {
	line-height: 0.808; /* 105 / 130 */
	letter-spacing: -0.05em;
	padding-bottom: 0.446em; /* the design's title box is 373px for three 105px lines */
}

@media (max-width: 600px) {
	.page-header__title { line-height: 0.92; }
	.page-header__title br { display: none; } /* desktop line breaks wrap badly on a phone */
}

/* 404 page reuses the header */
.not-found .page-header__title { padding-bottom: 0.2em; }
.not-found__text { max-width: 30em; margin-bottom: clamp(24px, 2.08vw, 40px); }