/* GRID */
.lcc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* CARD */
.lcc-card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 14px;
    aspect-ratio: 4 / 3;
}

/* REMOVE ANY FIRST-ITEM EFFECT */
.lcc-card:first-child {
    grid-column: auto !important;
    grid-row: auto !important;
}

/* IMAGE */
.lcc-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

/* OVERLAY */
.lcc-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: white;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

/* HOVER */
.lcc-card:hover img {
    transform: scale(1.05);
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .lcc-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .lcc-grid {
        grid-template-columns: 1fr;
    }
}