.page-hero {
    padding: 140px 0 90px;
    min-height: auto;
    position: relative;
    overflow: hidden;
}

.page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
           linear-gradient(
             to right,
             var(--bg) 0%,
             var(--bg) 58%,
             rgba(247,248,251,.98) 66%,
             rgba(247,248,251,.88) 74%,
             rgba(247,248,251,.60) 82%,
             rgba(247,248,251,.25) 90%,
             rgba(247,248,251,0) 100%
         ),
        url("../img/stones.webp");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

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

.page-hero h1 {
    max-width: 900px;
    margin: 0 0 24px;
    color: var(--navy);
    font-size: clamp(2.2rem, 4vw, 4rem);
    line-height: 1;
    letter-spacing: -.055em;
}

.page-lead {
    max-width: 760px;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.6;
}

.approach-list {
    margin: 24px 0 28px;
    padding-left: 24px;
}

.approach-list li {
    margin-bottom: 10px;
    line-height: 1.6;
}

.statement {
    font-weight: 600;
}

.section-label {
    color: var(--red);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.text-link {
    color: var(--red);
    font-weight: 800;
}