/* Intro Loader Styles */
.intro-loader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #192C55; /* Dark Blue Theme Color */
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.intro-item {
    position: absolute;
    left: 50%;
    top: 50%;
    /* Bigger images */
    max-width: 500px;
    max-height: 500px;
    width: 45vw;
    height: auto;
    object-fit: cover;
    
    /* Premium look: Theme Orange border, deep shadow */
    border: 6px solid #F8993A;
    box-shadow: 0 25px 50px rgba(0,0,0,0.5);
    
    opacity: 0;
    /* Start slightly smaller, blurred, and darker */
    transform: translate(-50%, -50%) scale(0.85);
    filter: blur(10px) brightness(0.8);
    
    /* Smoother, elegant transition */
    transition: 
        opacity 0.8s ease-out,
        transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.5s ease-out;
        
    border-radius: 4px;
    will-change: transform, opacity, filter;
}

.intro-item.visible {
    opacity: 1;
    /* End state: Normal scale, no rotation */
    transform: translate(-50%, -50%) scale(1);
    filter: blur(0) brightness(1);
}

/* Fade out class for the whole wrapper */
.intro-loader-wrap.fade-out {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
}