/* preloader.css — the home page's video-logo preloader for every inner page.
   Same look and timing as index.html (home-hero-anim.css + its inline failsafe). */
.preloader {
    position: fixed; inset: 0; z-index: 9999999;
    display: flex; align-items: center; justify-content: center;
    background: var(--color-bg) none;
    animation: site-preloader-out 0.4s ease 6s forwards;   /* closes even if no script runs */
}
.preloader-logo:not([hidden]) {
    display: block; width: 250px; max-width: calc(100% - 32px); height: 100%; object-fit: contain;
}
.preloader.is-done {
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}
@keyframes site-preloader-out { to { opacity: 0; visibility: hidden; pointer-events: none; } }
@media (prefers-reduced-motion: reduce) { .preloader { display: none; } }