
.innovation--internal {
    --video-ratio: 608 / 342;
    --section--spacer: 60px;
}

body:has(.innovation--internal) .pbds-modal--video iframe {
    width: 100dvw;
    max-width: 1024px;
    aspect-ratio: 16/9;
}

.innovation--internal { 
    margin: 40px 0 var(--section--spacer);
    .pbds-container:has(.divider--more) {
        position: relative;
    }
    .content--wrapper {
        display: grid;
        grid-template-columns: 1fr 608px;
        grid-template-areas: "content media";
        column-gap: 150px;
        row-gap: 40px;
        .content {
            grid-area: content;
            header {
                margin: 40px 0;
            }
        }
        .media {
            grid-area: media;
            .quote {
                width: 100%;
                max-width: 532px;
                margin: 20px auto 0;
                text-align: center;
                p {
                    font-size: 1.25rem;
                    line-height: 1.2;
                }
                span {
                    display: block;
                    font-size: 0.875rem;
                    &.author {
                        font-weight: 500;
                    }
                }
            }
        }
        @media (max-width: 1080px) {
            grid-template-columns: 100%;
            grid-template-areas: "content" "media";
        }
    }
}