/* Lenis Smooth Scroll */
html.lenis {
    height: auto;
}

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

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

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

/* Loading Animation */
#mobile-loading {
    display: none;
}

.loading-animation {
    transition: opacity 1s ease;
}

.fade-out {
    opacity: 0;
}

.fill-clip {
    animation: fillUp 2s forwards;
}

@keyframes fillUp {
    from {
        y: 174;
    }
    to {
        y: 0;
    }
}

.fill-clip-mobile {
    animation: fillUpMobile 2s forwards;
}

@keyframes fillUpMobile {
    from {
        y: 71;
    }
    to {
        y: 0;
    }
}

@media only screen and (max-width: 568px) {
    #mobile-loading {
        display: block;
    }
    
    #desktop-loading {
        display: none;
    }
}