.page-hero {
	background: var(--color-forest-deep);
	color: #fff;
	position: relative;
	overflow: hidden;
	padding: 58px 0 52px;
}

.page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(700px 360px at 88% -10%, rgba(202, 162, 74, .18), transparent 60%);
    pointer-events: none;
}

.page-hero .wrapper {
    position: relative;
    z-index: 1;
}

.page-hero .crumbs {
    font-size: 14px;
    color: var(--color-primary);
    margin-bottom: 14px;
}

.page-hero .crumbs a {
    color: var(--color-paper);
    text-decoration: none;
}

.page-hero .crumbs a:hover {
    text-decoration: underline;
}

.page-hero .eyebrow {
    display: inline-block;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-weight: var(--fw-700);
    font-size: 13px;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 7px 13px;
    border-radius: 999px;
    margin-bottom: 16px;
}

.page-hero h1 {
    font-size: clamp(32px, 4.6vw, 46px);
    line-height: 1.08;
    margin: 0 0 16px;
    color: #fff;
    max-width: 20ch;
}

.page-hero .page-hero-sub {
	font-size: 21px;
	color: rgba(248, 244, 237, 0.78);
	margin: 0;
	max-width: 60ch;
}