/* Bandeau images Histoire — défilement horizontal en boucle (2 séquences) */
.histoire-strip__viewport {
    overflow: hidden;
    width: 100%;
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.histoire-strip__viewport.is-dragging {
    cursor: grabbing;
}

.histoire-strip__viewport img {
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
}

.histoire-strip__track {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.5rem;
    width: max-content;
    will-change: transform;
}

.histoire-strip__slide {
    flex: 0 0 clamp(260px, 42vw, 520px);
}

.histoire-strip__slide .about-me-slider-thumb {
    overflow: hidden;
    border-radius: 1rem;
}

.histoire-strip__slide img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

@media (max-width: 767.98px) {
    .histoire-strip__track {
        gap: 1rem;
    }

    .histoire-strip__slide {
        flex-basis: min(78vw, 320px);
    }
}