.ast-new-page {
	--ast-ink: #2c2523;
	--ast-petrol: #075f65;
	--ast-deep: #123d43;
	--ast-gold: #caa65b;
	--ast-cream: #fffaf1;
	--ast-paper: #f7f0e5;
	color: var(--ast-ink);
	font-family: Arial, Helvetica, sans-serif;
}

.ast-new-page *,
.ast-new-page *::before,
.ast-new-page *::after {
	box-sizing: border-box;
}

.ast-new-page__breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: fit-content;
	gap: 6px;
	margin: 30px 0;
	padding: 7px 12px;
	color: #745f48;
	background: rgba(255, 250, 241, .78);
	border: 1px solid #e1d2b8;
	border-radius: 999px;
	font-size: 11px;
	line-height: 1.35;
}

.ast-new-page__breadcrumb a,
.ast-new-page__breadcrumb strong {
	font-size: 11px;
	line-height: 1.35;
}

.ast-new-page__breadcrumb a {
	color: var(--ast-petrol);
	font-weight: 700;
	text-decoration: none;
}

.ast-new-page__breadcrumb a:hover,
.ast-new-page__breadcrumb a:focus {
	color: var(--ast-deep);
	text-decoration: underline;
}

.ast-new-page__breadcrumb strong {
	font-weight: 800;
}

.ast-new-page__breadcrumb span {
	color: #b49351;
	font-size: 10px;
}

.ast-new-page__eyebrow {
	margin: 0 0 10px;
	color: #a67f32;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .12em;
	line-height: 1.35;
	text-transform: uppercase;
}

.ast-new-page__title {
	margin: 0 0 18px;
	color: var(--ast-deep);
	font: 700 clamp(27px, 3vw, 40px)/1.12 Georgia, "Times New Roman", serif;
	text-wrap: balance;
}

.ast-new-page__copy {
	color: var(--ast-ink);
	font-size: 17px;
	line-height: 1.75;
}

.ast-new-page__copy p:not(.ast-new-page__eyebrow) {
	margin: 0 0 17px;
	font-size: inherit;
	line-height: inherit;
}

.ast-new-page__section > h2,
.ast-new-page__section-head > h2 {
	margin: 0 0 16px;
	color: var(--ast-deep);
	font: 700 clamp(28px, 4vw, 40px)/1.14 Georgia, "Times New Roman", serif;
	text-wrap: balance;
}

.ast-new-page__section h3 {
	margin: 22px 0 9px;
	color: var(--ast-deep);
	font: 700 19px/1.3 Georgia, "Times New Roman", serif;
}

.ast-new-page__copy a {
	color: var(--ast-petrol);
	font-size: inherit;
	font-weight: 700;
	line-height: inherit;
}

.ast-new-page__copy a:hover,
.ast-new-page__copy a:focus {
	color: var(--ast-deep);
}

@media (max-width: 680px) {
	.ast-new-page__breadcrumb {
		margin: 0 0 22px;
		border-radius: 13px;
	}
}
