#engineers {
    margin: 0 0 60px;
    .content--wrapper {
        margin: 40px 0 0;
        display: grid;
        grid-template-columns: 67% 1fr;
        grid-template-areas: "content media";
        gap: 135px;
        .content {
            grid-area: content;
            header {
                margin: 8px 0 40px;
            }
            header + p {
                margin: 0 0 20px;
            }
        }
        .media {
            grid-area: media;
        }
        @media (max-width: 992px) {
            grid-template-columns: 100%;
            grid-template-areas: "content" "media";
            gap: 20px;
            .media {
                img {
                    width: 317px;
                    display: block;
                    margin: auto;
                }
            }
        }
    }
    #products {
        margin: 80px auto 0;
        text-align: center;
        h2 {
            max-width: 769px;
            margin: 0 auto 20px;
        }
        ul {
            display:flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            li {
                img {
                    width: 317px;
                    display: block;
                }
            }
        }
        ul + p {
            max-width: 544px;
            margin: 60px auto 0;
        }
        .cta--wrapper {
            margin: 20px auto 60px;
            .pbds-btn {
                width: 100%;
                max-width: 489px;
            }
        }
        .footnote {
            font-size: 0.875rem;
            font-weight: 500;
        }
    }
}