.feature-card-gallery.std-spacing {
    padding: var(--spacing-5xl) 0 0;
}

.card-gallery.std-spacing {
    padding: var(--spacing-5xl) 0;
}

.card-gallery .grid-box {
    row-gap: var(--spacing-5xl);
}

.card {
    font-size: var(--font-size-3xl);
}

.card.large {
    grid-column: 1 / -1;
}

.card.half {
    grid-column: span 6;
}

.card.dark {
    color: var(--noninteractive-text-secondary);
}

.card.light {
    color: var(--noninteractive-text-primary);
}

.card-headline {
    margin-bottom: var(--spacing-xs);
}


.card a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 11%;
    text-decoration-thickness: 6%;
    text-decoration-color: transparent;
    display: block;
    height: fit-content;
    width: 100%;
}

.card a.card-text {
    max-width: fit-content;
}

.card-img-wrap {
    overflow: hidden;
    display: block;
    border-radius: 6px;
    margin-bottom: var(--spacing-md);

}


.card video,
.card img {
    display: block;
    max-height: 80vh;
    max-width: 100%;
    width: 100%;
    transition: transform 0.3s cubic-bezier(0, 0, .5, 1);
    /* transition: transform 1.4s ease; */
}

.hasHover .card:hover video,
.hasHover .card:hover img {
    transform: scale(102%);
}

@media (max-width: 1024px) {
    .card-gallery.std-spacing {
        padding: var(--spacing-4xl) 0;
    }

    .card-gallery .grid-box {
        row-gap: var(--spacing-4xl);
    }

    .card.half {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .card-gallery.std-spacing {
        padding: var(--spacing-lg) 0;
    }

    .card-gallery .grid-box {
        row-gap: var(--spacing-3xl);
    }

    .card-headline {
        margin-bottom: var(--spacing-3xs);
    }
}