.page-hero {
    position: relative;
    min-height: 430px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: white;
    background: #201713;
}
.page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 78% 25%, rgba(183,122,43,.23), transparent 30%),
        linear-gradient(115deg, transparent 52%, rgba(255,255,255,.025) 52%);
}
.page-hero::after { content: ""; position: absolute; right: 7%; bottom: -115px; width: 270px; height: 270px; border: 1px solid rgba(228,189,131,.22); border-radius: 50%; }
.page-hero-mark { position: absolute; left: 5%; bottom: -45px; color: rgba(255,255,255,.035); font: 800 260px/.8 "Manrope", sans-serif; letter-spacing: -.1em; }
.page-hero-inner { position: relative; z-index: 1; padding-top: 80px; text-align: center; }
.page-hero .eyebrow { color: var(--bronze-soft); }
.page-hero .eyebrow::after { content: ""; width: 24px; height: 2px; background: currentColor; }
.page-hero h1 { margin-bottom: 18px; font: 700 clamp(48px,7vw,78px)/1.05 "Manrope",sans-serif; letter-spacing: -.055em; }
.breadcrumbs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.5; }
.breadcrumbs a:hover { color: white; }

@media (max-width: 720px) {
    .page-hero { min-height: 350px; }
    .page-hero-inner { padding-top: 65px; }
    .page-hero h1 { font-size: 50px; }
}