.about-page .about-hero {
    display:flex;
    min-height:clamp(400px,34vw,560px);
    margin-top:var(--header-height);
    align-items:center;
    justify-content:center;
    background:var(--about-hero-image) center/cover no-repeat !important;
    color:#fff;
    text-align:center;
}

.about-page .about-hero-art {
    display:none !important;
}

.about-page .about-hero::before {
    display:block !important;
    z-index:0;
    background:rgba(2,35,31,.62) !important;
    background-image:none !important;
}

.about-page .about-hero::after {
    display:none !important;
}

.about-page .about-hero-inner {
    z-index:1;
    display:flex;
    width:min(1050px,calc(100% - 44px));
    min-height:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:70px 0 76px;
}

.about-page .about-hero-copy {
    max-width:900px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent !important;
    box-shadow:none;
    backdrop-filter:none;
    text-align:center;
}

.about-page .about-eyebrow {
    justify-content:center;
    color:#a5f27b;
}

.about-page .about-hero h1,
.about-page .about-hero h1 span {
    color:#fff !important;
    font-size:clamp(2.2rem,3.8vw,4.2rem);
    line-height:1.06;
}

.about-page .about-hero h1 em {
    color:#9ce54b !important;
}

.about-page .about-hero-lead {
    max-width:730px;
    margin:24px auto 28px;
    color:#fff !important;
    font-size:clamp(1rem,1.35vw,1.3rem);
    line-height:1.6;
}

.about-page .about-actions {
    justify-content:center;
}

.about-page .about-hero-note {
    display:none !important;
}

@media (max-width:760px) {
    .about-page .about-hero {
        min-height:430px;
    }

    .about-page .about-hero-inner {
        width:calc(100% - 36px);
        padding:58px 0 68px;
    }

    .about-page .about-hero h1 {
        font-size:clamp(2rem,8vw,2.8rem);
    }

    .about-page .about-hero-lead {
        margin-top:20px;
        font-size:1rem;
    }
}