/* Exchange archive masthead: intentionally mirrors the Field Honest category entry. */
.fhx-archive {
	max-width: none;
	padding: 0;
}

.fhx-exchange-masthead {
	background: #0d1410;
	display: grid;
	grid-template-columns: minmax(330px, 0.72fr) minmax(0, 1.28fr);
	height: clamp(260px, 22vw, 330px);
	isolation: isolate;
}

.fhx-exchange-masthead__identity {
	align-items: center;
	background:
		linear-gradient(120deg, rgba(184, 121, 60, 0.06), transparent 55%),
		repeating-radial-gradient(circle at 0 100%, transparent 0 30px, rgba(255, 255, 255, 0.025) 31px 32px),
		#0d1410;
	color: #f5f2e9;
	display: flex;
	min-height: 0;
	position: relative;
	z-index: 2;
}

.fhx-exchange-masthead__identity::after {
	background: linear-gradient(90deg, #0d1410, transparent);
	content: "";
	inset: 0 -90px 0 auto;
	position: absolute;
	width: 92px;
}

.fhx-exchange-masthead__inner {
	padding: clamp(1.1rem, 1.3vw, 1.35rem) clamp(1rem, 3vw, 3.75rem);
	width: 100%;
}

.fhx-exchange-masthead .fhx-kicker {
	color: #d8954c;
}

.fhx-exchange-masthead h1 {
	font-family: Georgia, serif;
	font-size: clamp(3rem, 4vw, 4.7rem);
	font-weight: 400;
	letter-spacing: -0.045em;
	line-height: 0.86;
	margin: 0.45rem 0 0.8rem;
	max-width: 9ch;
}

.fhx-exchange-masthead__inner > p:not(.fhx-kicker) {
	color: rgba(255, 255, 255, 0.74);
	font-size: clamp(0.82rem, 1vw, 0.96rem);
	line-height: 1.55;
	margin: 0 0 1rem;
	max-width: 44ch;
}

.fhx-exchange-masthead .fhx-button {
	background: transparent;
	color: #f5f2e9;
}

.fhx-exchange-masthead .fhx-button:hover,
.fhx-exchange-masthead .fhx-button:focus-visible {
	background: #b8752b;
}

.fhx-exchange-masthead__media {
	background-image:
		linear-gradient(90deg, rgba(13, 20, 16, 0.28), transparent 38%),
		linear-gradient(0deg, rgba(13, 20, 16, 0.42), transparent 52%),
		var(--fhx-exchange-hero);
	background-position: center 56%;
	background-size: cover;
	filter: saturate(0.75) contrast(1.06);
	min-height: 0;
	min-width: 0;
	overflow: hidden;
}

.fhx-archive__content {
	margin-inline: auto;
	max-width: 1360px;
	padding: 0 clamp(18px, 3vw, 42px) clamp(36px, 6vw, 88px);
}

.fhx-archive__content .fhx-tools {
	margin-top: 0;
}

@media (max-width: 760px) {
	.fhx-exchange-masthead {
		grid-template-columns: 1fr;
		height: 310px;
	}

	.fhx-exchange-masthead__identity,
	.fhx-exchange-masthead__media {
		grid-area: 1 / 1;
	}

	.fhx-exchange-masthead__identity {
		background: linear-gradient(90deg, rgba(8, 14, 10, 0.96), rgba(8, 14, 10, 0.76) 63%, rgba(8, 14, 10, 0.23));
	}

	.fhx-exchange-masthead__identity::after {
		display: none;
	}

	.fhx-exchange-masthead__inner {
		max-width: 88%;
		padding: clamp(1.75rem, 4vw, 4rem) clamp(1rem, 3vw, 3.75rem);
	}

	.fhx-exchange-masthead h1 {
		font-size: clamp(2.8rem, 12vw, 4.1rem);
		max-width: 10ch;
	}

	.fhx-exchange-masthead__media {
		z-index: -1;
	}
}

@media (max-width: 440px) {
	.fhx-exchange-masthead {
		height: 280px;
	}

	.fhx-exchange-masthead__inner {
		max-width: none;
	}

	.fhx-exchange-masthead__inner > p:not(.fhx-kicker) {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}