/* ================================================================
   IMAGES DE LA SECTION PRÉSENTATION — PAGE D’ACCUEIL
   ================================================================ */

.editorial-visual-with-image {
    position: relative;
    min-height: 240px;
    padding: 0;
    border-radius: 0;
    background: #2d171f;
    overflow: hidden;
}

.editorial-visual-with-image img {
    width: 100%;
    height: 100%;
    min-height: 240px;
    display: block;
    object-fit: cover;
    object-position: center;
    transition:
        transform 600ms ease,
        filter 600ms ease;
}

.editorial-image-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to top,
            rgba(40, 11, 22, 0.68),
            rgba(40, 11, 22, 0.08) 58%,
            rgba(40, 11, 22, 0.02)
        );
    pointer-events: none;
}

.editorial-image-number {
    position: absolute;
    right: 20px;
    bottom: 14px;
    z-index: 2;
    color: rgba(255, 255, 255, 0.92);
    font-family: "Marcellus", serif;
    font-size: 34px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.35);
}

.editorial-card:hover .editorial-visual-with-image img {
    transform: scale(1.06);
    filter: brightness(0.9);
}

.editorial-card {
    border-radius: 0;
    overflow: hidden;
}

.editorial-content {
    border-radius: 0;
}

@media (max-width: 900px) {
    .editorial-visual-with-image,
    .editorial-visual-with-image img {
        min-height: 230px;
    }
}

@media (max-width: 600px) {
    .editorial-visual-with-image,
    .editorial-visual-with-image img {
        min-height: 210px;
    }

    .editorial-image-number {
        right: 16px;
        bottom: 13px;
        font-size: 29px;
    }
}