.page-hero {
    padding-block: var(--section-space-md);

    background:
        linear-gradient(
            135deg,
            #f4f9f1 0%,
            #e8f4e4 100%
        );
}

.page-hero__content {
    max-width: 800px;
}

.page-hero__eyebrow {
    display: inline-block;

    margin-bottom: var(--space-sm);

    color: var(--color-primary);

    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-hero__title {
    max-width: 750px;

    margin-bottom: var(--space-md);

    font-size: clamp(2.5rem, 6vw, 4.75rem);
}

.page-hero__text {
    max-width: 650px;
    margin-bottom: 0;

    color: var(--color-text-light);

    font-size: 1.15rem;
}