@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&display=swap');

body {
    font-family: 'Baloo Bhaijaan 2', sans-serif;
    background-color: #352F44; /* Dark Slate */
    color: #FAF0E6; /* Linen/Off-white */
    padding-bottom: 0 !important;
    overflow-x: hidden;
}

h1, h2, h3, h4, .font-display {
    font-family: 'Baloo Bhaijaan 2', sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #352F44; }
::-webkit-scrollbar-thumb { background: #5C5470; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #E0BA31; }

/* Utilities */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.glass-panel {
    background: rgba(92, 84, 112, 0.3);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(192, 144, 85, 0.15); /* Subtle Gold Border */
}

/* Hero Overlay */
.hero-overlay {
    background: linear-gradient(to top, rgba(53, 47, 68, 0.98) 0%, rgba(53, 47, 68, 0.7) 50%, rgba(53, 47, 68, 0.4) 100%);
}

/* --- PROFESSIONAL ARCHIVE LOADER --- */
#loader {
    position: fixed;
    inset: 0;
    background-color: #352F44;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.8s ease-out, visibility 0.8s;
}

.loader-hidden {
    opacity: 0;
    visibility: hidden;
}

/* Drawer Animation */
.drawer {
    transition: transform 0.3s ease;
}

/* Sequence: Top, Middle, Bottom slide out and in */
.drawer-top { animation: slideOut 2s ease-in-out infinite; animation-delay: 0s; }
.drawer-mid { animation: slideOut 2s ease-in-out infinite; animation-delay: 0.3s; }
.drawer-bot { animation: slideOut 2s ease-in-out infinite; animation-delay: 0.6s; }

@keyframes slideOut {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(-15px); } /* Slide Left (RTL context, visually pops out) */
}

/* Paper floating out effect */
.paper {
    opacity: 0;
    animation: floatPaper 2s ease-in-out infinite;
    animation-delay: 0.3s;
}

@keyframes floatPaper {
    0%, 80% { opacity: 0; transform: translateY(0) translateX(0); }
    40% { opacity: 1; transform: translateY(-25px) translateX(-10px); }
}

/* Logo Filter: No filter applied */
.logo-filter {
    /* No filter applied */
}