/* =========================
   PRELOADER CONTAINER
========================= */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
}

/* Center wrapper */
.preloader-inner {
    text-align: center;
}

/* =========================
   LOGO DARK ? LIGHT FADE
========================= */
.preloader-logo {
    width: 150px;
    height: auto;

    /* Start dark */
    opacity: 0.2;
    filter: brightness(0.3);

    animation: logoDarkToLight 3.0s ease-in-out forwards;
}

/* Animation */
@keyframes logoDarkToLight {
    0% {
        opacity: 0.4;
        filter: brightness(0.5);
        transform: scale(0.98);
    }

    50% {
        opacity: 0.6;
        filter: brightness(0.8);
    }

    100% {
        opacity: 1;
        filter: brightness(1);
        transform: scale(1);
    }
}