/* =========================================================
   ACCUEIL — IMAGES ACTUALITÉS / ÉVÉNEMENTS / DOCUMENTS
   Fichiers attendus :
   - /assets/images/hommeStand.png
   - /assets/images/femmeStand.png
   - /assets/images/armeSurTable.png
========================================================= */

.home-section-image {
    position: relative;
    width: 100%;
    height: clamp(210px, 29vw, 360px);
    margin: 0 0 34px;
    overflow: hidden;
    border: 1px solid rgba(198, 151, 43, .22);
    border-radius: 14px;
    background: #111820;
    box-shadow:
        0 18px 42px
        rgba(0, 0, 0, .18);
}

.home-section-image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(8, 13, 17, .20),
            transparent 42%,
            rgba(8, 13, 17, .06)
        );
}

.home-section-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-section-image--actualites img {
    object-position: center 42%;
}

.home-section-image--events {
    margin-top: 2px;
}

.home-section-image--events img {
    object-position: center 40%;
}

/* ---------------------------------------------------------
   Espace documentaire
--------------------------------------------------------- */

.home-documents__visual-card--photo {
    position: relative;
    min-height: 330px;
    padding: 0;
    overflow: hidden;
    border-radius: 14px;
    background: #111820;
}

.home-documents__photo {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-documents__visual-card--photo::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(10, 15, 19, .04) 24%,
            rgba(10, 15, 19, .84) 100%
        );
}

.home-documents__photo-overlay {
    position: absolute;
    z-index: 2;
    right: 22px;
    bottom: 22px;
    left: 22px;
    display: grid;
    gap: 4px;
}

.home-documents__photo-overlay
.home-documents__visual-label {
    color: #d3a53a;
}

.home-documents__photo-overlay strong {
    color: #fff;
    font-size: clamp(1.45rem, 2.6vw, 2rem);
}

.home-documents__photo-overlay small {
    color: rgba(255, 255, 255, .78);
}

/* ---------------------------------------------------------
   Responsive
--------------------------------------------------------- */

@media (max-width: 760px) {
    .home-section-image {
        height: 230px;
        margin-bottom: 24px;
        border-radius: 11px;
    }

    .home-documents__visual-card--photo {
        min-height: 260px;
    }

    .home-documents__photo-overlay {
        right: 18px;
        bottom: 18px;
        left: 18px;
    }
}