#blackbird-portal { position: fixed; inset: 0; z-index: 10000000; background: #000; overflow: hidden; display: flex; justify-content: center;
    align-items: center; /* Yeh preloader ko 8.5 seconds baad screen se hata dega */  animation: fadeOutContainer 0.5s forwards 10s; }

/* Background Zoom Animation */
.portal-visual { position: absolute; inset: 0; opacity: 0; transform: scale(1.4); animation: zoomReveal 4s cubic-bezier(0.165, 0.84, 0.44, 1)
 forwards 3s; }
.portal-img { width: 100%; height: 100%; object-fit: cover; }
.portal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.6); }

/* Logo Animation */
.bb-logo { width: 180px;margin: auto; opacity: 0; transform: scale(0.8) translateY(40px);  filter: brightness(0) invert(1);
    animation: logoReveal 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.5s; }

/* Info & Text Animation */
.bb-info { margin-top: 20px;text-align: center; opacity: 0; transform: translateY(30px); animation: textReveal 1.5s ease forwards 5s; }
.bb-tag { color: #c5a059; letter-spacing: 8px; font-size: 11px; text-transform: uppercase; display: block; }
.bb-title { font-family: 'Playfair Display', serif; font-size: 4rem; margin: 15px 0 20px 0; letter-spacing: 2px; color: #fff; }

/* Button & Progress Line */
.bb-button { display: inline-block;  padding: 12px 35px;background-color: #d4af37; border: 1px solid #000; color: #c5a059;
    font-size: 18px; letter-spacing: 5px; margin-bottom: 20px; }

.bb-button a{color: #000}

.bb-progress-line { width: 0%; height: 1px; background: #c5a059; margin: 0 auto; animation: progressFill 4.5s linear forwards 2.5s; }
/* --- THE SHUTTER EXIT (Bina Script wala logic) --- */
.shutter-part { position: absolute; left: 0; width: 100%; height: 50%; background: #000; z-index: 100; }
.s-top { top: 0; transform: translateY(-100%); animation: shutterTop 1s cubic-bezier(0.77, 0, 0.175, 1) forwards 8s; }
.s-bottom { bottom: 0; transform: translateY(100%); animation: shutterBottom 1s cubic-bezier(0.77, 0, 0.175, 1) forwards 8s; }

/* --- KEYFRAMES --- */

@keyframes zoomReveal {
    to { opacity: 1; transform: scale(1.1); }
}

@keyframes logoReveal {
    to { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes textReveal {
    to { opacity: 1; transform: translateY(0); }
}

@keyframes progressFill {
    to { width: 160px; }
}

/* Shutter Logic: 7th second par band hoga aur 7.5 par wapas khulega */
@keyframes shutterTop {
    0% { transform: translateY(-100%); }
    20% { transform: translateY(0); } /* Shutter closes */
    80% { transform: translateY(0); } 
    100% { transform: translateY(-100%); } /* Shutter opens */
}

@keyframes shutterBottom {
    0% { transform: translateY(100%); }
    20% { transform: translateY(0); }
    80% { transform: translateY(0); }
    100% { transform: translateY(100%); }
}

@keyframes fadeOutContainer {
    to { opacity: 0; visibility: hidden; }
}






#blackbird-portal .bb-title{font-weight:700;line-height:1.2;}
#blackbird-portal .bb-logo{height:auto;}
#blackbird-portal a:focus-visible{outline:2px solid #fff;outline-offset:5px;}
@media(prefers-reduced-motion:reduce){#blackbird-portal{animation:none}#blackbird-portal .portal-visual,#blackbird-portal .bb-logo,#blackbird-portal .bb-info{animation:none;opacity:1;transform:none}#blackbird-portal .shutter-part{display:none}}