/* People Cards */
.blog-cards_grid {
    display: var(--vcl-bcg-dp, grid);
    grid-template-columns: var(--vcl-bcg-gtc, 1fr);
    gap: var(--vcl-bcg-gp, 64px);
}

.blog-cards_photos {
    display: var(--vcl-bcgp-d, grid);
    grid-template-columns: var(--vcl-bcgp-gtc, repeat(2, 1fr));
    gap: var(--vcl-bcgp-g, 24px);
}

.blog-cards_photos:hover .blog-cards_member {
    opacity: var(--vcl-bcgp-hover-bcm-o, 0.7);
}

.blog-cards_photos:hover .blog-cards_member:hover {
    opacity: 1;
    transform: var(--vcl-bcgp-hover-bcm-trf, translateY(-5px));
}

.blog-cards_member {
    position: var(--vcl-bcgp-bcm-p, relative);
    border-radius: var(--vcl-bcgp-bcm-br, 16px);
    overflow: var(--vcl-bcgp-bcm-o, hidden);
    height: var(--vcl-bcgp-bcm-h, 400px);
    transition: var(--vcl-bcgp-bcm-tsn, all 0.25s ease-in-out);
}

.blog-cards_member img {
    width: var(--vcl-bcgp-bcm-img-w, 100%);
    height: var(--vcl-bcgp-bcm-img-h, 100%);
    object-fit: var(--vcl-bcgp-bcm-img-of, cover);
}

.blog-cards_member-info {
    display: var(--vcl-bcgp-bcm-info-d, flex);
    flex-direction: var(--vcl-bcgp-bcm-info-fd, column);
    justify-content: var(--vcl-bcgp-bcm-info-jc, end);
    position: var(--vcl-bcgp-bcm-info-p, absolute);
    bottom: var(--vcl-bcgp-bcm-info-b, 0);
    left: var(--vcl-bcgp-bcm-info-l, 0);
    right: var(--vcl-bcgp-bcm-info-r, 0);
    padding: var(--vcl-bcgp-bcm-info-p, 32px 24px 24px);
    background: var(--vcl-bcgp-bcm-info-b, linear-gradient(0deg, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0) 100%));
    color: var(--vcl-bcgp-bcm-info-c, var(--color-base));
    height: var(--vcl-bcgp-bcm-info-h, 40%);
}

.blog-cards_member-info h4 {
    font-size: var(--vcl-bcgp-bcm-info-h4-fs, 1.25rem);
    margin-bottom: var(--vcl-bcgp-bcm-info-h4-mb, 4px);
    font-weight: var(--vcl-bcgp-bcm-info-h4-fw, 600);
}

.blog-cards_member-info p {
    font-size: var(--vcl-bcgp-bcm-info-p-fs, 0.9rem);
    color: var(--vcl-bcgp-bcm-info-p-c, var(--color-neutral-300));
    margin-bottom: var(--vcl-bcgp-bcm-info-p-mb, 0.25rem);
}

@media (max-width: 620px) {
    .blog-cards_photos {
        --vcl-bcgp-gtc: 1fr;
    }
}