.pbds-header--concept-content,
.pbds-header--concept-content * {
    --gap: 100px;
    --radius: 10px;
    --spacer: 40px;
}
@media (max-width: 1280px) {
.pbds-header--concept-content,
.pbds-header--concept-content * {
        --gap: 50px;
}
    }
@media (max-width: 992px) {
.pbds-header--concept-content,
.pbds-header--concept-content * {
        --spacer: 30px;
}
    }
.pbds-header--concept-content  > .pbds-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: 
            "title image"
            "content image";
        grid-column-gap: var(--gap);
        -moz-column-gap: var(--gap);
             column-gap: var(--gap);
        grid-row-gap: var(--spacer);
        row-gap: var(--spacer);
    }
.pbds-header--concept-content > .pbds-container:has(.cta) {
            grid-template-rows: 1fr auto auto;
            grid-template-areas: 
                "title image"
                "content image"
                "cta image";
        }
.pbds-header--concept-content header {
        grid-area: title;
        align-self: end;
    }
.pbds-header--concept-content header h1 img {
            max-width: 200px;
        }
.pbds-header--concept-content .media {
        grid-area: image;
    }
.pbds-header--concept-content .media  > img {
            width: 100%;
            border-radius: var(--radius);
        }
.pbds-header--concept-content  > .content {
        grid-area: content;
    }
.pbds-header--concept-content > .content .subtitle {
            display: block;
            margin: 0 0 20px;
            font-size: 30px;
            font-weight: 300;
            line-height: 1.13;
            text-transform: none;
        }
.pbds-header--concept-content > .content .content {
            font-size: 16px;
            font-weight: 300;
            line-height: 1.2;
            text-transform: none;
        }
.pbds-header--concept-content .cta {
        grid-area: cta;
        justify-self: start;
    }
@media (max-width: 992px) {
        .pbds-header--concept-content  > .pbds-container {
            padding-top: var(--spacer);
            grid-template-columns: 100%;
            grid-template-rows: auto;
            grid-template-areas: 
                "title" "image" "content" "cta";
        }
        .pbds-header--concept-content header {
            justify-self: center;
        }
        .pbds-header--concept-content .content .subtitle {
            font-size: 21px;
        }
        .pbds-header--concept-content .content .content {
            font-size: 14px;
        }
        .pbds-header--concept-content .cta {
            width: 100%;
        }
    }

/*# sourceMappingURL=pbds-header--concept-content-pbds-header--concept-content-css.dev.bundle.97d97628c8d1987820bd.css.map*/