/* Military discount page: a compact, factual offer page. */
body.page-military-discount {
	background: var(--sand);
}

.military-page {
	background: var(--sand);
	color: var(--ink);
}

.military-hero {
	padding: 42px 0 clamp(72px, 9vw, 118px);
	background: var(--ink-deep);
	color: var(--white);
}

.military-hero__inner {
	max-width: 980px;
}

.military-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: clamp(52px, 8vw, 88px);
	color: rgba(255, 255, 255, .62);
	font-size: 11px;
	font-weight: 750;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.military-breadcrumb a,
.military-text-link {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

.military-eyebrow {
	margin: 0 0 14px;
	color: var(--coral);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.military-hero h1 {
	max-width: 900px;
	margin: 0 0 24px;
	color: var(--white);
	font-size: clamp(3rem, 7vw, 6.6rem);
	line-height: .98;
}

.military-lede {
	max-width: 760px;
	margin: 0;
	color: rgba(255, 255, 255, .78);
	font-size: clamp(1.05rem, 2vw, 1.3rem);
}

.military-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 22px 30px;
	margin-top: 34px;
}

.military-actions .button {
	min-height: 54px;
}

.military-text-link {
	color: var(--white);
	font-size: 14px;
	font-weight: 800;
}

.military-details {
	padding: clamp(68px, 9vw, 112px) 0;
}

.military-details__grid {
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
	gap: clamp(52px, 9vw, 130px);
}

.military-details h2 {
	margin: 0 0 18px;
	font-size: clamp(2rem, 4vw, 3.45rem);
}

.military-details p {
	margin: 0;
	color: #4f666c;
	font-size: 17px;
}

.military-offer-card {
	padding: clamp(28px, 5vw, 48px);
	border-left: 3px solid var(--coral);
	background: var(--white);
}

@media (max-width: 760px) {
	.military-hero {
		padding-top: 28px;
	}

	.military-details__grid {
		grid-template-columns: 1fr;
		gap: 56px;
	}

}

@media (max-width: 520px) {
	.military-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.military-actions .button {
		justify-content: center;
		width: 100%;
	}
}