/* ============================================
logo-preloader.css
============================================ */

body.logo-preloader-active {
position: fixed;
top: 0;
left: 0;
width: 100%;
overflow-y: scroll;
}

#logo-preloader {
position: fixed;
inset: 0;
z-index: 99999;
background: radial-gradient(118.38% 101.85% at 50% 0%, #01243c 44.82%, #000000 92.63%);
opacity: 1;
visibility: visible;
transition: opacity 0.6s ease, visibility 0.6s ease;
contain: strict;

display: flex;
align-items: center;
justify-content: center;
}

#logo-preloader.logo-preloader--hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}

.logo-preloader__logo {
width: 874px;
max-width: 92vw;
height: auto;
object-fit: contain;
display: block;
flex-shrink: 0;
}

/* ── Tablet ── */
@media (max-width: 768px) {
.logo-preloader__logo {
width: 874px;
max-width: 92vw;
}
}

/* ── Mobile ── */
@media (max-width: 480px) {
.logo-preloader__logo {
width: 900px;
max-width: 115vw;
}
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
#logo-preloader {
transition: none;
}
}



#logo-preloader-placeholder {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
pointer-events: none;
}

#logo-preloader-placeholder.logo-preloader--hidden {
display: none;
}