#page .oc-section.section-content_grid {
    background-color: var(--neutral-light);
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    width: 100%;
    max-width: none;
    .curve-transition {
        display: none;
    }
    .content-grid-headline {
        color: var(--teal-dark);
        font-size: clamp(2.25rem, 4vw, 3rem);
        line-height: 1.125;
        margin-top: 0;
    }
    .copy-wrap {
        margin-top: 1rem;
        p {
            color: var(--teal-dark);
            font-size: clamp(1rem, 2.5vw, 1.25rem);
            line-height: 1.4;
            &:last-child {
                margin-bottom: 0;
            }
        }
    }

    /* Repeater layout */
    .modules_wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        gap: 2.5rem 2rem;
        margin-top: 2rem;
        @media screen and (min-width: 1024px) {
            gap: 90px;
        }
    }
    .module {
        flex: 0 1 100%;
        max-width: 400px;
        @media screen and (min-width: 1024px) {
            flex: 0 1 339px;
        }

        img {
            display: block;
            max-width: 100%;
            height: auto;
        }
        .copy_headline {
            font-size: clamp(1.25rem, 2vw, 2rem);
            color: var(--dark-teal-alt);
            margin-top: 1rem;
            line-height: 1.25;
        }
        .copy_wrap {
            margin-top: 0.5rem;
            p {
                color: var(--teal-dark);
                font-size: clamp(1rem, 2vw, 1.125rem);
                line-height: 1.4;
                &:first-child {
                    margin-top: 0 !important;
                }
                &:last-child {
                    margin-bottom: 0 !important;
                }
            }
        }
    }

    /* Plain: colored rule above each item's headline, no imagery */
    &.content_grid-module-plain {
        padding-bottom: 5.25rem;
        .curve-transition {
            display: block;
            position: absolute;
            top: -59px;
            width: 100%;
            left: 50%;
            transform: translatex(-50%);
            z-index: 1;
            svg {
                max-width: 100%;
            }
            path {
                fill: var(--neutral-light);
            }
        } 
        .inner {
            padding-top: 3.5rem;
            @media screen and (min-width: 1280px) {
                padding-top: 6rem;
            }
            @media screen and (min-width: 2000px) {
                padding-bottom: 3.75rem !important;
            }
        }
        .copy_headline {
            font-size: clamp(1.25rem, 1.33vw, 1.5rem);
            font-weight: 600;
        }
        .modules_wrap {
            justify-content: space-between;
            justify-content: center;
            @media screen and (min-width: 1280px) {
                gap: 7.75rem 90px;
            }
        }
        .btn-wrap {
            margin: 0;
            padding: 0;
            text-align: center;
        }
        .btn.btn-secondary {
            margin-left: auto;
            margin-right: auto;
            border-color: var(--dark-teal-alt);
            margin-top: 5rem;
        }
        .module {
            max-width: none;
            @media screen and (min-width: 1280px) {
                flex: unset;
                flex: 0 0 340px;
            }
        }
        .module_inner {
            .copy_headline {
                font-size: 1.25rem !important;
                @media screen and (min-width: 1024px) {
                    font-size: 1.5rem !important;
                }
            }
            .copy_headline,
            .copy_wrap:first-child {
                position: relative;
                padding-top: 1.5rem;
                &::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 3.75rem;
                    height: 7px;
                    background-color: var(--sage, #d9dd8b);
                }
            }
        }
    }

    /* With Images: square/default image crop */
    &.content_grid-module-images-square,
    &.content_grid-module-plain-images-square {
        padding-top: 0 !important;
        .curve-transition {
            display: block;
            position: absolute;
            top: -59px;
            width: 100%;
            left: 50%;
            transform: translatex(-50%);
            z-index: 1;
            svg {
                max-width: 100%;
            }
            path {
                fill: var(--neutral-light);
            }
        }   
    
        .inner {
            padding-top: 3.5rem;
            padding-bottom: 3.5rem;
            @media screen and (min-width: 1280px) {
                padding-top: 6rem;
                padding-bottom: 6rem;
            }
        }
        .content-grid-headline {
            font-size: clamp(1.25rem, 2.5vw, 2rem);
            font-weight: 500;
            line-height: 1.125;
            margin: 0 auto;
            max-width: 987px;
            text-align: center;
            @media screen and (min-width: 768px) {
                margin-bottom: 3rem;
            }
        }
        .copy-wrap {
            text-align: left; 
            margin-top: 0;
            padding: 0 1rem;
            @media screen and (min-width: 1024px) {
                margin-left: auto;
                margin-right: auto;
                padding: 0;
                text-align: center;
            }
            p {
                margin: 0;
                font-size: clamp(1.25rem, 2.25vw, 2rem);
            }
        }
        .copy_headline {
            color: var(--dark-teal-alt);
            font-size: clamp(1.25rem, 2vw, 1.5rem) !important;
            font-weight: 700;
        }
        .modules_wrap {
            margin-top: 3rem;
            justify-content: center;
            gap: 30px;
            @media screen and (min-width: 1280px) {
                gap: 90px;
                justify-content: space-between;
            }
        }
        .module {   
            @media screen and (min-width: 768px) {
                max-width: 338px;
                @media screen and (min-width: 1280px) {
                    flex: unset;
                    flex: 0 0 338px;
                }
            }
        }

        .module_inner {
            .btn {
                margin-top: 1.5rem !important;
            }
            img {
                border-radius: 0;
                margin: 0 auto;
                max-width: 252px;
                @media screen and (min-width: 768px) {
                    max-width: 282px;
                }
            }
        }
    }

    /* With Circular Images */
    &.content_grid-module-images-circle,
    &.content_grid-module-plain-images-circle,
    &.content_grid-module-plain-leadership-team {
        padding-bottom: 4.5rem;
        .inner {
            @media screen and (min-width: 1024px) {
                padding-top: 6rem;
                padding-bottom: 6rem;
            }
        }        
        .modules_wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 92px;

        }
        .content-grid-headline {
            flex: 0 0 100%;
            text-align: center;
            text-wrap: balance;
        }
        .module {

            max-width: 339px;
            @media screen and (min-width: 1280px) {
                flex: unset;
                flex: 0 0 337px;
            }            
        }
        .copy_headline {
            color: var(--dark-teal-alt);
            line-height: 1.25;
        }
        h3 {
            font-size: 1.25rem !important;
            font-family: var(--font-family-heading);
        }
        .module_inner {
            img {
                aspect-ratio: 1 / 1;
                border-radius: 50%;
                margin: 0 auto;
                max-width: 177px;
                object-fit: cover;
                text-wrap: balance;
                @media screen and (min-width: 768px) {
                    max-width: 225px;
                }
            }
        }
    }

    /* Team Circular Images - 4up */ 
    &.content_grid-module-plain-leadership-team {
        padding-top: 0;
        @media screen and (min-width: 768px) {
            padding-top: 2.75rem;
        }
        .content-grid-headline {
            margin-bottom: 1rem;
            text-align: left;
        }
        .copy-wrap {
            margin-top: 0;
        }
        .modules_wrap {
            margin-top: 4rem;
            gap: 54px;
        }
        .module {
            flex: 0 1 100%;
            @media screen and (min-width: 768px) {
                flex: 0 1 47%;
            }
            @media screen and (min-width: 1200px) {
                flex: unset;
                flex: 0 0 258px;
            }
        }
        .copy_headline {
            font-size: 1.5rem !important;
            color: var(--dark-teal-alt);
            line-height: 1.2;
            text-align: center;
            text-wrap: balance;
        }
        .module_inner {
            img {
                aspect-ratio: 1 / 1;
                border-radius: 50%;
                margin: 0 auto;
                max-width: 192px;
                object-fit: cover;
                text-wrap: balance;
                @media screen and (min-width: 768px) {
                    max-width: 192px;
                }
            }
        }
    }

    /* With Icons on Green Background */
    &.content_grid-module-green-bg {
        background: linear-gradient(to bottom, var(--green-light), #008060);
        max-width: none;
        padding-top: 0;
        @media screen and (max-width: 767px) {
            padding-bottom: 4rem;
        }
        @media screen and (min-width: 2000px) {
            padding-top: 1.5rem;

        }
        .curve-transition {
            display: block;
            position: absolute;
            top: -59px;
            width: 100%;
            left: 50%;
            transform: translatex(-50%);
            z-index: 1;
            svg {
                max-width: 100%;
            }
            path {
                fill: var(--green-light);
            }
        }         
        .inner {
            padding-top: 2rem;
        }
        h2 {
            @media screen and (min-width: 1300px) {
                margin-left: auto;
                margin-right: auto;
            }
        }
         h3 {
            font-size: 1.25rem !important;
            font-family: var(--font-family-heading);
         }
        .modules_wrap {
            justify-content: center;
            gap: 0rem 2rem;
            @media screen and (min-width: 1024px) {
                gap: 70px 90px;
            }
        }
        .copy-wrap {
            @media screen and (min-width: 1024px) {
                max-width: 79.5%;
                margin: 0 auto;
            }
            @media screen and (min-width: 1300px) {

            }
            p {
                text-align:center;
                color: var(--color-mustard-light);
                font-size: clamp(1.25rem, 2vw, 2rem);
                font-weight: 500;
                line-height: 1.25;
            }
        }
        .content-grid-headline {
            text-align: center;
            /* line-height: 1; */
            color: var(--color-mustard-light);
        }
        .module {
            flex: 0 1 100%;
            max-width: 300px;
            padding-top: 0;
            @media screen and (min-width: 768px) {
                flex: 0 1 47%;
                max-width: 47%;
            }
            @media screen and (min-width: 1200px) {
                flex: 0 1 33.333%;
                max-width: 340px;
            }
        }
        .module_inner {
            border-radius: 8px;
            padding: 2rem;
            text-align: center;
            @media screen and (min-width: 768px) {
                text-align: left;
            }
            img {
                margin: 0 auto 1.25rem;
                max-width: 3.75rem;
                @media screen and (min-width: 768px) {
                    margin: 0 0 1.25rem;
                }
            }
            .copy_headline {
                font-size: 1.25rem;
                font-weight: bold;
                margin-bottom: 0;
                text-align: center;
                @media screen and (min-width: 768px) {
                    text-align: left;
                }
            }
            .copy_wrap {
                margin-top: 0;
            }
            .copy_wrap p {
                font-size: clamp(1rem, 2vw, 1.25rem);
                line-height: 1.25;
                &:first-child {
                    margin-top: 0;
                }
                &:last-child {
                    margin-bottom: 0;
                }
            }
            .copy_headline,
            .copy_wrap p,
            .copy_wrap p strong {
                color: var(--color-mustard-light);
                text-align: center;
                @media screen and (min-width: 768px) {
                    text-align: left;
                }
            }
            .btn-tertiary {
                color: var(--color-mustard);
            }
        }
    }
}