.card-dock.card-type-photos .region {
    max-width: var(--content-width-wide-2);
    display: grid;
    grid-template-rows: auto;
}

.card-dock.card-type-photos .cards {
    margin-top: 3.5rem;
    row-gap: 8rem !important;
}

@supports selector(:has(+ *)) {

    .card-dock.card-type-photos:not(:has(h3)) .cards,
    .card-dock.card-type-photos:not(:has(.content-before > p)) .cards {
        position: relative;
    }
}

/*.card-dock.card-type-photos:not(:has(h3)) .cards,*/
/*.card-dock.card-type-photos:not(:has(.content-before > p)) .cards {*/
/*    position: relative;*/
/*}*/

.card-dock.card-dock.card-type-photos .content-before {
    display: grid;
    margin-bottom: 4rem;
}


.card-dock.card-type-photos.four-row .cards {
    display: flex;
    gap: 2rem;
    justify-content: center;
}

.card-dock.card-type-photos .bottom-copy {
    position: relative;
    z-index: 1;
    margin-top: 6rem;
}

.card-dock.card-type-photos .bottom-copy p {
    margin-bottom: 0;
}

.card-dock.card-type-photos.four-row .card.image {
    max-width: 33rem;
    width: 100%;
    height: 30rem;
    display: grid;
    grid-template-rows: 1fr 0.5fr 1fr;
}

.card-dock.card-type-photos.four-row .card.image img {
    width: 24rem;
    height: 12.5rem;
    gap: 1.6rem;
}

.card-dock.card-type-photos .card.image img {
    min-width: 24rem;
    margin-inline: auto;
}

.card-dock.card-type-photos .card p{
    margin-bottom: 0;
}

.card-dock.card-type-photos .card.image a {
    position: relative;
    z-index: 2;
    grid-row: -1;
}


.card-dock:not(.card-type-image-and-download) .card.image,
.card-dock:not(.card-type-photos.four-row) .card.image {
    padding-block: 0 3rem;
    max-width: 36rem;
    width: 100%;
}