.page-heading-upper {
    position: relative;
    background-color: var(--lemon-yellow);
    background-image: url('/images/logo-watermark.svg');
    background-size: 110%;
    background-position: 50% 60%;
    padding: 0;
    padding-top: 10rem;
}

    .page-heading-upper > .accent {
        width: 100%;
        max-width: var(--lemon-content-width);
        margin: 0 auto;
        padding: 0;
        padding-left: 1.25rem;
        padding-right: 2.5rem;
    }

        .page-heading-upper > .accent::after {
            content: "";
            display: block;
            max-width: 32rem;
            height: 5rem;
            background-color: var(--lemon-theme-primary);
            margin-right: 1.25rem;
        }

.page-heading-lower {
    position: relative;
    width: 100%;
    max-width: var(--lemon-content-width);
    margin: 0 auto;
    padding: 0 2.5rem;
}

    .page-heading-lower h2 {
        font-family: var(--lemon-regular-font);
        font-weight: 900;
        font-size: 4rem;
        line-height: 1.2;
        margin: 0;
        padding: 0 1.25rem;
        padding-top: 2.5rem;
        width: 100%;
        max-width: 32rem;
        position: relative;
        top: -3.75rem;
        background-color: var(--lemon-white);
    }