/* Homepage identity only. The shared masthead artwork and geometry are untouched. */
@font-face {
	font-family: "GFS Nicefore";
	src: url("../fonts/gfs-nicefore.woff") format("woff");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

body.home .brand-lockup--wordmark {
	display: block;
	width: min(48%, 600px);
	container-type: inline-size;
}

body.home .brand-lockup--wordmark .site-title {
	max-width: none;
	font-family: "GFS Nicefore", Georgia, serif;
	font-size: clamp(.65rem, 1.8vw, 1.45rem);
	font-size: clamp(.65rem, 3.9cqw, 1.45rem);
	font-weight: 400;
	font-synthesis: none;
	line-height: 1.35;
	letter-spacing: -.025em;
	word-spacing: -.16em;
	white-space: nowrap;
}

body.home .brand-lockup--wordmark .site-title a {
	color: #3f2d19;
	-webkit-text-stroke: .012em currentColor;
	text-shadow: 0 1px 0 rgba(255, 253, 243, .75);
}

body.home .brand-lockup--wordmark .site-description {
	margin-top: .3rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: clamp(.64rem, .85vw, .75rem);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: .025em;
}

@media (min-width: 821px) {
	body.home .brand-lockup--wordmark {
		/* Match the lead photograph's left bleed, but never crop the name
		 * when that photograph extends beyond a narrower desktop viewport.
		 * Percentage widths (and therefore the type size) stay unchanged. */
		margin-left: max(clamp(-4.5rem, -4vw, -2rem), calc((100% - 100vw) / 2));
	}
}

@media (max-width: 820px) {
	body.home .brand-lockup--wordmark {
		width: min(100%, 600px);
	}

	body.home .brand-lockup--wordmark .site-title {
		font-size: clamp(.65rem, 3.55vw, 1.45rem);
		font-size: clamp(.65rem, 3.9cqw, 1.45rem);
	}
}