/* ========================================
                                        SECTION 1 
                        ======================================== */






/* <!-- Minimal inline styling for the welcome scroll animation --> */
.fade-in-section {
    opacity: 0;
    transform: translateY(250px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}




    .portfolio-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: continuousFlow 10s linear infinite alternate;
}

@keyframes continuousFlow {
    0% {
        transform: scale(1.1) translateX(-25%);
    }

    100% {
        transform: scale(1.1) translateX(15%);
    }
}


/* ========================================
                                        SECTION 2 
                        ======================================== */












/* ========================================
                                        SECTION 3
                        ======================================== */














/* ========================================
                                        SECTION 4
                        ======================================== */












/* ========================================
                                        Gallery 5
                        ======================================== */





@keyframes continuousZoom {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.12);
    }

    100% {
        transform: scale(1);
    }
}

.gallery-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: continuousZoom 10s ease-in-out infinite;
}





/* ========================================
                                        SECTION 6
                        ======================================== */




/* 
<!-- ========================================== -->
<!-- SLIDER ANIMATIONS & POPUP SCRIPT -->
<!-- ========================================== --> */


/* --- Infinite Slider Animations --- */
@keyframes slide-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes slide-right {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

.slider-track-left {
    animation: slide-left 40s linear infinite;
}

.slider-track-right {
    animation: slide-right 40s linear infinite;
}

/* Pause animation on hover for manual scrolling */
.slider-container:hover .slider-track-left,
.slider-container:hover .slider-track-right {
    animation-play-state: paused;
}

/* Hide scrollbar for a cleaner look */
.slider-container::-webkit-scrollbar {
    display: none;
}

.slider-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}







/* ========================================
                                        SECTION 7
                        ======================================== */