body.exg-download-page {
	background: var(--exg-warm);
}

.exg-download-main,
.exg-download-main *,
.exg-download-main *::before,
.exg-download-main *::after {
	box-sizing: border-box;
}

.exg-download-main {
	color: var(--exg-black);
	font-family: var(--exg-body);
}

.exg-download-container {
	width: min(880px, calc(100% - 48px));
	margin-inline: auto;
}

.exg-download-container--wide {
	width: min(1180px, calc(100% - 48px));
}

.exg-download-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(64px, 7vw, 96px) 0;
	border-bottom: 7px solid var(--exg-market-accent);
	background:
		linear-gradient(112deg, rgba(10, 10, 10, .99), rgba(10, 10, 10, .88)),
		var(--exg-black);
	color: var(--exg-white);
}

.exg-download-hero::after {
	position: absolute;
	inset: 0 0 0 auto;
	width: min(34vw, 520px);
	background: linear-gradient(138deg, transparent 25%, color-mix(in srgb, var(--exg-market-accent) 18%, transparent) 25%);
	content: "";
	pointer-events: none;
}

.exg-download-hero .exg-download-container {
	position: relative;
	z-index: 1;
}

.exg-download-eyebrow {
	margin: 0 0 var(--exg-stack-eyebrow-gap);
	color: var(--exg-market-accent);
	font: var(--exg-weight-action) var(--exg-type-eyebrow-size)/var(--exg-type-eyebrow-line) var(--exg-display);
	letter-spacing: var(--exg-tracking-label);
	text-transform: uppercase;
}

.exg-download-hero h1 {
	max-width: 820px;
	margin: 0;
	color: var(--exg-white);
	font: var(--exg-weight-display) var(--exg-type-hero-size)/var(--exg-type-hero-line) var(--exg-display);
	letter-spacing: -.02em;
	text-transform: uppercase;
	text-wrap: balance;
}

.exg-download-hero p:last-child {
	max-width: 660px;
	margin: var(--exg-stack-title-gap) 0 0;
	color: #dfdfdf;
	font: var(--exg-weight-regular) var(--exg-type-lede-size)/var(--exg-type-lede-line) var(--exg-body);
}

.exg-download-content {
	padding: clamp(52px, 7vw, 88px) 0;
}

.exg-download-card {
	padding: clamp(26px, 5vw, 52px);
	border: 1px solid #dddddd;
	border-top: 5px solid var(--exg-market-accent);
	border-radius: 4px;
	background: var(--exg-white);
	box-shadow: 0 18px 46px rgba(10, 10, 10, .09);
}

.exg-download-card :is(h2, h3) {
	margin-top: 0;
	color: var(--exg-black);
	font-family: var(--exg-display);
	font-weight: var(--exg-weight-display);
	text-transform: uppercase;
}

.exg-download-card h2 {
	font-size: var(--exg-type-section-size);
	line-height: var(--exg-type-section-line);
}

.exg-download-card h3 {
	font-size: var(--exg-type-card-md-size);
	line-height: var(--exg-type-card-md-line);
}

.exg-download-card :is(p, li) {
	color: #5f5f5f;
	font: var(--exg-weight-regular) var(--exg-type-body-size)/var(--exg-type-body-line) var(--exg-body);
}

.exg-download-card a:not(.button) {
	color: var(--exg-gold-deep);
	font-weight: var(--exg-weight-semibold);
}

.exg-download-empty {
	margin: 0;
}

.exg-download-list-heading {
	margin-bottom: clamp(28px, 4vw, 44px);
	padding-bottom: 22px;
	border-bottom: 1px solid #dddddd;
}

.exg-download-list-heading .exg-download-eyebrow {
	color: var(--exg-gold-deep);
}

.exg-download-list-heading h2 {
	margin: 0;
	font: var(--exg-weight-display) var(--exg-type-section-size)/var(--exg-type-section-line) var(--exg-display);
	text-transform: uppercase;
}

.exg-download-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.exg-download-item {
	display: flex;
	min-width: 0;
	min-height: 220px;
	flex-direction: column;
	padding: 26px;
	border: 1px solid #dddddd;
	border-top: 5px solid var(--exg-market-accent);
	border-radius: 4px;
	background: var(--exg-white);
	box-shadow: 0 10px 26px rgba(10, 10, 10, .06);
}

.exg-download-item > p {
	margin: 0 0 12px;
	color: var(--exg-gold-deep);
	font: var(--exg-weight-action) var(--exg-type-caption-size)/var(--exg-type-caption-line) var(--exg-display);
	letter-spacing: var(--exg-tracking-label);
}

.exg-download-item h3 {
	margin: 0 0 24px;
	font: var(--exg-weight-display) var(--exg-type-card-md-size)/var(--exg-type-card-md-line) var(--exg-display);
	text-transform: uppercase;
	text-wrap: balance;
}

.exg-download-item a {
	display: inline-flex;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	margin-top: auto;
	padding: 10px 18px;
	border: 2px solid var(--exg-market-accent);
	border-radius: 3px;
	background: var(--exg-market-accent);
	color: var(--exg-market-accent-text);
	font: var(--exg-weight-action) var(--exg-type-action-size)/var(--exg-type-action-line) var(--exg-display);
	text-decoration: none;
	text-transform: uppercase;
}

.exg-download-main .navigation.pagination {
	margin-top: 34px;
}

.exg-download-share {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 24px;
	padding: 18px 22px;
	border: 1px solid #dddddd;
	background: var(--exg-white);
}

.exg-download-share h2 {
	margin: 0;
	font: var(--exg-weight-display) var(--exg-type-card-sm-size)/var(--exg-type-card-sm-line) var(--exg-display);
	text-transform: uppercase;
}

@media (max-width: 680px) {
	.exg-download-container {
		width: calc(100% - 32px);
	}

	.exg-download-share {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 900px) {
	.exg-download-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 580px) {
	.exg-download-grid {
		grid-template-columns: 1fr;
	}
}