/* --- UNIFIED INDEX STYLE --- */

/* --- HOME CONTENT WRAPPER --- */
#home-content-wrapper {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

/* --- LOGO STYLES --- */
.logo-container {
    position: absolute;
    top: 9vh; /* Moved from 5vh (+4vh ~ 30px) */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    z-index: 2000;
    transition: opacity 1s ease-in-out;
}

.main-logo {
    width: 157px; 
    height: auto;
}

.mini-logo-container {
    position: absolute;
    top: 28vh; /* Moved from 18vh (+10vh ~ 80px) */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    z-index: 2000;
    transition: opacity 1s ease-in-out, top 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.mini-logo {
    width: 36px; 
    height: auto;
    transition: width 0.5s ease-in-out;
}

/* --- HOME PAGE NAVIGATION --- */
body.home-page .main-nav > a,
body.home-page .main-nav .nav-item > a {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 768px) {
    .logo-container {
        opacity: 0 !important;
        visibility: hidden;
        pointer-events: none;
    }
    .mini-logo-container {
        position: absolute;
        top: 25px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        opacity: 0;
        z-index: 2100;
    }
    .mini-logo {
        width: 46px; /* Increased by another 10px from 36px */
    }
}