.band {
    margin-bottom: 40px;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: none;
    grid-auto-rows: min-content !important;
    grid-auto-flow: row !important;
}

/* Les <a> sont bien les items de grid, en flex */
.band>a.card {
    display: flex !important;
    min-width: 0 !important;
}

.actu-folder::before {
    font-family: FontAwesome !important;
    content: "\f02c";
    padding-right: 5px;
    font-style: normal !important;
}

.item-1 .thumbox {
    position: relative;
    width: 100%;
}

.actu-title {
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    color: white;
    max-width: 340px;
    text-wrap: wrap !important;
}

.thumbox {
    background: #ffffff;
}

a.card * img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 300px !important;
}

.item-1 img {
    max-height: none !important;
}

.item-1 .thumbox,
.item-2 .thumbox,
.item-3 .thumbox,
.item-4 .thumbox,
.item-5 .thumbox {
    position: relative !important;
    width: 100%;
}


.card-description {
    padding: 20px;
    color: white;
    position: absolute !important;
    mix-blend-mode: luminosity;
    text-shadow:
        -1px -1px 0 black,
        1px -1px 0 black,
        -1px 1px 0 black,
        1px 1px 0 black;
    font-size: clamp(.8rem, 1vw, .85rem) !important;
}


h3.actu-title {
    font-size: clamp(.8rem, 1.4vw, 1rem) !important;
    max-width: 250px;
    text-shadow:
        -1px -1px 0 black,
        1px -1px 0 black,
        -1px 1px 0 black,
        1px 1px 0 black;
    color: white;
}
.excerpt {
    max-width: 250px;
}
/* .card-description {
    text-shadow:
        -1px -1px 0 black,
        1px -1px 0 black,
        -1px 1px 0 black,
        1px 1px 0 black;
} 

.card-description * {
    font-size: clamp(.8rem, 1.1vw, 2rem) !important;
}
*/

@media (max-width: 768px) {
    .band {
        margin-bottom: 40px;
        display: grid !important;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
        max-width: none;
        grid-auto-rows: min-content !important;
        grid-auto-flow: row !important;
    }

    .actu-title {
        width: 300px !important;
        text-wrap: wrap !important;
    }

    .card {
        margin: 0 auto;
        max-width: 370px !important;
    }


    .item-1 .card-description {
        bottom: initial !important;
    }

}