/* ============================================
   About scroll gallery — Orisa about-me-slider
   Swiper (2 slides) + GSAP marque scrub on thumbs
   ============================================ */

.about-scroll-gallery {
    position: relative;
    overflow: hidden;
    padding: clamp(24px, 3vw, 40px) 0 clamp(40px, 5vw, 72px);
    background: #fff;
}

.about-scroll-gallery__swiper {
    overflow: hidden;
    width: 100%;
    padding: 0 clamp(12px, 2vw, 24px);
}

.about-scroll-gallery .swiper-slide {
    height: auto;
}

.about-scroll-gallery__thumb {
    overflow: hidden;
    border-radius: 16px;
    background: #dfe6ee;
    will-change: transform;
}

.about-scroll-gallery__thumb img {
    display: block;
    width: 100%;
    height: clamp(280px, 42vw, 520px);
    object-fit: cover;
    transition: transform 0.6s ease, filter 0.6s ease;
}

.about-scroll-gallery__thumb:hover img {
    transform: scale(1.05);
    filter: brightness(1.08);
}

@media (max-width: 767px) {
    .about-scroll-gallery__thumb img {
        height: clamp(240px, 58vw, 360px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-scroll-gallery__thumb {
        transform: none !important;
    }

    .about-scroll-gallery__thumb img {
        transition: none;
    }
}