.cempa-slider-b7e850a3 {
    position: relative;
    width: 100%;
    overflow: clip;
}

.slider-scroll-track-b7e850a3 {
    height: 120vh;
}

.slider-scroller-b7e850a3 {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    overflow: hidden;
    z-index: 1;
}

.slider-side-b7e850a3 {
    position: absolute;
    top: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: filter 0.1s linear, width 0.1s linear;
}

.left-side-b7e850a3 {
    left: 0;
    width: 50%;
    filter: grayscale(1);
    z-index: 3;
}

.legacy-overlay-b7e850a3 {
    position: absolute;
    inset: 0;
    background-color: rgba(10, 25, 47, 0.6);
    mix-blend-mode: multiply;
}

.right-side-b7e850a3 {
    right: 0;
    width: 50%;
    z-index: 2;
}

.slider-divider-b7e850a3 {
    position: absolute;
    left: 50%;
    top: 0;
    width: 120px;
    height: 100%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, var(--divider-base) 0%, rgba(0,0,0,0) 50%, var(--divider-base) 100%);
    z-index: 5;
    pointer-events: none;
    transition: left 0.1s linear, opacity 0.1s linear;
}

/* Graceful responsive stacking */
@media (max-width: 768px) {
    .slider-scroll-track-b7e850a3 {
        display: none;
    }
    .slider-scroller-b7e850a3 {
        position: relative;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .slider-side-b7e850a3 {
        position: relative;
        width: 100% !important;
        height: 50vh;
    }
    .left-side-b7e850a3 {
        filter: none;
    }
    .legacy-overlay-b7e850a3 {
        display: none;
    }
    .slider-divider-b7e850a3 {
        display: none;
    }
}