/*
 * PROJECTS D — ALTERNATING SPLITS
 */
@media screen and (min-width: 969px) {

body.pb-projects-variant-d .vokk-projects-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;

    gap: 0 !important;
}

body.pb-projects-variant-d .vokk-project-card {
    display: grid !important;
    grid-template-columns: 52% 48% !important;

    min-height: 430px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    border-top:
        1px solid
        color-mix(
            in srgb,
            var(--vokk-dark) 11%,
            transparent
        ) !important;

    box-shadow: none !important;

    overflow: hidden !important;

    transform: none !important;
}

body.pb-projects-variant-d
.vokk-project-card:nth-child(even) {
    grid-template-columns: 48% 52% !important;
}

body.pb-projects-variant-d
.vokk-project-card:nth-child(even)
.vokk-project-image {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

body.pb-projects-variant-d
.vokk-project-card:nth-child(even)
.vokk-project-content {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body.pb-projects-variant-d .vokk-project-image {
    min-height: 430px !important;

    border-radius: 0 !important;
}

body.pb-projects-variant-d
.vokk-project-image img,
body.pb-projects-variant-d
.pb-project-image-source {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}

body.pb-projects-variant-d .vokk-project-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    padding: 58px 62px !important;

    background:
        color-mix(
            in srgb,
            var(--vokk-primary) 3%,
            transparent
        ) !important;
}

}
