/* Lenis Smooth Scroll Recommended CSS */
html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

/* Canvas styling for native naturalWidth/Height approach */
.canvas-native {
    position: absolute;
    inset: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: 0;
}

/* Linear scrolling for Our Work slider */
.work-slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

/* Linear scrolling for Testimonials slider */
.reviews-slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

/* Custom Before/After Slider */
.comparison-slider {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    outline: none;
}
.comparison-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 4px;
    height: 100vh;
    background: transparent;
    cursor: ew-resize;
}
.comparison-slider::-moz-range-thumb {
    appearance: none;
    width: 4px;
    height: 100vh;
    background: transparent;
    cursor: ew-resize;
    border: none;
}