body.eclat-actualites-archive-page.post-type-archive-eclat_project {
    background: var(--eclat-actualites-bg-color, #0b2f78);
    color: #f3f7ff;
}

body.eclat-actualites-archive-page .eclat-projects-archive {
    width: min(100%, 1780px);
    max-width: 1780px;
    padding: clamp(98px, 10vw, 150px) clamp(22px, 3.6vw, 66px) clamp(68px, 7vw, 112px);
    position: relative;
}

body.eclat-actualites-archive-page .eclat-projects-archive::after {
    content: "";
    position: absolute;
    right: clamp(6px, 0.8vw, 14px);
    bottom: clamp(74px, 7vw, 112px);
    width: 86px;
    height: 198px;
    background:
        radial-gradient(circle at 6px 6px, #6ff0cc 5px, transparent 6px) 0 0 / 22px 22px repeat;
    opacity: 0.92;
    pointer-events: none;
}

body.eclat-actualites-archive-page .eclat-projects-archive__hero {
    gap: 0;
}

body.eclat-actualites-archive-page .eclat-projects-archive__kicker {
    color: var(--eclat-projects-kicker-color, #72f4bb);
    letter-spacing: 0.24em;
}

.eclat-actualites-archive__intro {
    margin-top: clamp(12px, 1.8vw, 24px);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: start;
    max-width: 1200px;
}

.eclat-actualites-archive__intro-copy {
    max-width: 900px;
}

body.eclat-actualites-archive-page .eclat-actualites-archive__title {
    margin: 0;
    color: var(--eclat-projects-title-color, #f1f4fa);
    font-size: clamp(56px, 8vw, var(--eclat-projects-size-title-max, 126px));
    line-height: 0.88;
}

.eclat-actualites-archive__intro-line {
    display: block;
    margin-top: clamp(14px, 1.5vw, 22px);
    width: min(100%, 250px);
    height: 6px;
    border-radius: 999px;
    background: var(--eclat-actualites-intro-line-color, #6ff0cb);
}

.eclat-actualites-archive__intro-text {
    margin: clamp(18px, 1.8vw, 28px) 0 0;
    max-width: 920px;
    color: var(--eclat-projects-copy-color, #d4def1);
    font-family: var(--eclat-projects-font-copy, "Ubuntu Light", Ubuntu, "Segoe UI", sans-serif);
    font-size: clamp(16px, 1.25vw, var(--eclat-projects-size-copy-max, 30px));
    line-height: 1.46;
}

body.eclat-actualites-archive-page .eclat-projects-archive__chips {
    margin-top: clamp(34px, 3.2vw, 52px);
    gap: clamp(10px, 1vw, 14px);
}

body.eclat-actualites-archive-page .eclat-projects-archive__chip {
    min-height: 42px;
    padding: 0 clamp(16px, 1.5vw, 24px);
    border-width: 1px;
    border-style: solid;
    border-color: color-mix(in srgb, var(--eclat-projects-chip-border-color, #f2f4f7) 20%, transparent);
    background: color-mix(in srgb, var(--eclat-projects-chip-border-color, #f2f4f7) 8%, transparent);
    color: var(--eclat-projects-chip-text-color, #f2f4f7);
    letter-spacing: 0.08em;
}

body.eclat-actualites-archive-page .eclat-projects-archive__chip:hover,
body.eclat-actualites-archive-page .eclat-projects-archive__chip:focus-visible {
    border-color: color-mix(in srgb, var(--eclat-projects-chip-active-text-color, #81e291) 52%, transparent);
    color: var(--eclat-projects-chip-active-text-color, #81e291);
}

body.eclat-actualites-archive-page .eclat-projects-archive__chip.is-active {
    border-color: color-mix(in srgb, var(--eclat-projects-chip-active-text-color, #81e291) 56%, transparent);
    background: color-mix(in srgb, var(--eclat-projects-chip-active-bg-color, #1e5d57) 42%, transparent);
    color: var(--eclat-projects-chip-active-text-color, #81e291) !important;
}

body.eclat-actualites-archive-page .eclat-actualites-archive__grid {
    margin-top: clamp(30px, 2.8vw, 44px);
    padding-right: clamp(6px, 1vw, 18px);
    gap: clamp(18px, 1.5vw, 26px);
}

body.eclat-actualites-archive-page .eclat-actualites-archive__card {
    min-height: 0;
    border-radius: 6px;
    overflow: hidden;
    background: #eff2f7;
}

body.eclat-actualites-archive-page .eclat-actualites-archive__card.is-hidden {
    display: none;
}

body.eclat-actualites-archive-page .eclat-actualites-archive__card .eclat-projects-archive__card-link {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
}

body.eclat-actualites-archive-page .eclat-actualites-archive__card-media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    min-height: 240px;
}

body.eclat-actualites-archive-page .eclat-actualites-archive__card .eclat-projects-archive__card-image {
    position: absolute;
    inset: 0;
}

body.eclat-actualites-archive-page .eclat-actualites-archive__card .eclat-projects-archive__card-image.is-empty {
    background:
        radial-gradient(90% 74% at 50% 28%, rgba(127, 216, 245, 0.22) 0%, rgba(15, 44, 95, 0.92) 100%),
        linear-gradient(130deg, #1e5d8d 0%, #0d2b66 100%);
}

body.eclat-actualites-archive-page .eclat-projects-archive__card-overlay,
body.eclat-actualites-archive-page .eclat-projects-archive__card-content,
body.eclat-actualites-archive-page .eclat-projects-archive__card-hover {
    display: none;
}

.eclat-actualites-archive__card-badges {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.eclat-actualites-archive__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 16px;
    border-radius: 999px;
    font-family: var(--eclat-projects-font-chip, Ubuntu, "Segoe UI", sans-serif);
    font-size: clamp(12px, 0.95vw, var(--eclat-projects-size-chip-max, 15px));
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--eclat-actualites-badge-text-color, #051a4e);
    background: #dfe7fb;
}

.eclat-actualites-archive__badge.is-acquisition {
    background: #ffb860;
}

.eclat-actualites-archive__badge.is-crea {
    background: #6ff0cb;
}

.eclat-actualites-archive__badge.is-social {
    background: #89eeff;
}

.eclat-actualites-archive__badge.is-strategie {
    background: #ff86ac;
}

.eclat-actualites-archive__badge.is-web {
    background: #8eaef8;
}

.eclat-actualites-archive__badge.is-webmarketing {
    background: #8cf3ff;
}

.eclat-actualites-archive__badge.is-neutral {
    background: #d9e4ff;
}

.eclat-actualites-archive__card-panel {
    display: grid;
    gap: 10px;
    padding: clamp(16px, 1.35vw, 24px);
    background: var(--eclat-actualites-card-panel-bg-color, #eceef3);
    flex: 1 1 auto;
}

.eclat-actualites-archive__card-title {
    color: var(--eclat-projects-card-title-color, #0a2e74);
    font-family: "Antonio Bold", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    font-size: clamp(28px, 1.85vw, 38px);
    line-height: 1.02;
    letter-spacing: 0;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.eclat-actualites-archive__card-date {
    color: var(--eclat-actualites-card-date-color, #6f86af);
    font-family: var(--eclat-projects-font-card-copy, "Ubuntu Light", Ubuntu, "Segoe UI", sans-serif);
    font-size: clamp(14px, 1.1vw, var(--eclat-projects-size-card-text-max, 26px));
    line-height: 1.18;
}

.eclat-actualites-archive__card-divider {
    display: block;
    width: min(100%, 172px);
    height: 1px;
    margin: 2px 0 4px;
    background: color-mix(in srgb, var(--eclat-actualites-card-date-color, #6f86af) 38%, transparent);
}

.eclat-actualites-archive__card-text {
    color: var(--eclat-projects-card-text-color, #3f5377);
    font-family: var(--eclat-projects-font-card-copy, "Ubuntu Light", Ubuntu, "Segoe UI", sans-serif);
    font-size: clamp(15px, 1.08vw, var(--eclat-projects-size-card-text-max, 26px));
    line-height: 1.6;
}

body.eclat-actualites-archive-page .eclat-actualites-archive__card:not(.is-placeholder) .eclat-projects-archive__card-link:hover .eclat-projects-archive__card-image,
body.eclat-actualites-archive-page .eclat-actualites-archive__card:not(.is-placeholder) .eclat-projects-archive__card-link:focus-visible .eclat-projects-archive__card-image {
    transform: scale(1.035);
    filter: saturate(1.06);
}

body.eclat-actualites-archive-page .eclat-actualites-archive__card .eclat-projects-archive__card-link:focus-visible {
    outline: 2px solid var(--eclat-projects-cta-border-color, #81e291);
    outline-offset: 3px;
}

body.eclat-actualites-archive-page .eclat-projects-archive__foot {
    margin-top: clamp(30px, 3vw, 48px);
}

body.eclat-actualites-archive-page .eclat-projects-archive__contact {
    border-color: color-mix(in srgb, var(--eclat-projects-cta-border-color, #81e291) 58%, transparent);
    background: rgba(8, 29, 42, 0.92);
    color: var(--eclat-projects-cta-text-color, #f2f4f7);
}

body.eclat-actualites-archive-page .eclat-projects-archive__contact:hover,
body.eclat-actualites-archive-page .eclat-projects-archive__contact:focus-visible {
    border-color: color-mix(in srgb, var(--eclat-projects-cta-border-color, #81e291) 86%, transparent);
    background: rgba(11, 40, 57, 0.98);
    color: var(--eclat-projects-cta-hover-text-color, #81e291);
    transform: translateY(-1px);
}

@media (max-width: 1420px) {
    .eclat-actualites-archive__intro-text {
        font-size: clamp(15px, 1.18vw, var(--eclat-projects-size-copy-max, 30px));
    }

    .eclat-actualites-archive__card-title {
        font-size: clamp(27px, 1.75vw, 36px);
    }

    .eclat-actualites-archive__card-text {
        font-size: clamp(14px, 1vw, var(--eclat-projects-size-card-text-max, 26px));
    }
}

@media (max-width: 1024px) {
    body.eclat-actualites-archive-page .eclat-projects-archive::after {
        display: none;
    }

    .eclat-actualites-archive__intro {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .eclat-actualites-archive__intro-text {
        font-size: clamp(14px, 2vw, var(--eclat-projects-size-copy-max, 30px));
        line-height: 1.44;
    }

    body.eclat-actualites-archive-page .eclat-projects-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    body.eclat-actualites-archive-page .eclat-projects-archive {
        padding-inline: 18px;
    }

    body.eclat-actualites-archive-page .eclat-projects-archive__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .eclat-actualites-archive__badge {
        min-height: 30px;
        padding-inline: 14px;
        font-size: 14px;
    }

    .eclat-actualites-archive__card-title {
        font-size: clamp(29px, 7.4vw, 38px);
    }
}
