.srp-infographie {
    content-visibility: auto;
    contain-intrinsic-size: 62rem;
    padding: var(--srp-section-space) 0;
    overflow: hidden;
    color: #17151e;
    background: #f6f3ef;
}

.srp-infographie .srp-case-label {
    margin: 0 0 .8rem;
    color: #6d59cb;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.srp-infographie__heading {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(20rem,.6fr);
    gap: 2rem 5rem;
    align-items: end;
}

.srp-infographie__heading h2 {
    margin: .8rem 0 0;
    font-size: clamp(3.3rem,6.7vw,7rem);
    font-weight: 900;
    letter-spacing: -.08em;
    line-height: .8;
    text-transform: uppercase;
}

.srp-infographie__heading h2 span { color: #5b3df5; }
.srp-infographie__heading > p { margin: 0; color: #675f6c; line-height: 1.6; }

.srp-infographie__rail {
    display: flex;
    gap: 1rem;
    margin-top: clamp(3rem,5vw,5rem);
    padding-inline: max(var(--srp-gutter),calc((100vw - var(--srp-container))/2 + var(--srp-gutter)));
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.srp-infographie__rail::-webkit-scrollbar { display: none; }

.srp-infographie figure {
    position: relative;
    flex: 0 0 min(24rem,54vw);
    aspect-ratio: .78;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(23,21,30,.09);
    border-radius: 1.2rem;
    background: #e6e1e7;
    box-shadow: 0 1rem 2.8rem rgba(23,21,30,.06);
    scroll-snap-align: center;
}

.srp-infographie figure.is-wide {
    flex-basis: min(38rem,72vw);
    aspect-ratio: 1.15;
}

.srp-infographie figure > span {
    position: absolute;
    z-index: 2;
    top: .85rem;
    left: .85rem;
    padding: .45rem .6rem;
    border-radius: 999px;
    color: #17151e;
    background: rgba(246,243,239,.92);
    font-size: .58rem;
    font-weight: 900;
}

.srp-infographie img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.2,.75,.2,1);
}

.srp-infographie figure:hover img { transform: scale(1.025); }

.srp-infographie figcaption {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    gap: .22rem;
    padding: 2.4rem 1rem 1rem;
    color: #fff;
    background: linear-gradient(transparent,rgba(8,8,16,.88));
}

.srp-infographie figcaption strong {
    font-size: .92rem;
    text-transform: uppercase;
}

.srp-infographie figcaption small { color: rgba(255,255,255,.68); }

@media (max-width:60rem) {
    .srp-infographie__heading { grid-template-columns: 1fr; }
}

@media (max-width:39.9375rem) {
    .srp-infographie { padding-block: 4.5rem; }
    .srp-infographie__heading h2 { font-size: clamp(2.8rem,12.7vw,4rem); }
    .srp-infographie__heading > p { font-size: .92rem; }
    .srp-infographie figure,
    .srp-infographie figure.is-wide {
        flex-basis: 78vw;
        aspect-ratio: .86;
        border-radius: 1rem;
    }
}

/* Keep anchors precise after the tall Lab section. */
.srp-infographie {
    content-visibility: visible;
    contain: none;
    scroll-margin-top: 5.5rem;
}