@charset "utf-8"
/*Documnet CSS*/

/** @section Preloader */
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #0a0a0a;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

[data-x-mode='true'] .preloader,
.preloader.loaded {
    opacity: 0;
    visibility: hidden;
}

.preloader-bg {
    position: absolute;
    inset: 0;
    background-image: url(../img/background/Lucille.webp);
    background-size: cover;
    background-position: center;
    filter: brightness(0.22);
    animation: preloader-zoom 6s ease-in-out infinite alternate;
}

@keyframes preloader-zoom {
    from { transform: scale(1); }
    to   { transform: scale(1.08); }
}

.preloader-body {
    position: relative;
    z-index: 1;
    text-align: center;
}

.preloader-logo {
    width: min(150px, 32vw);
    height: auto;
    filter: drop-shadow(0 4px 24px rgba(0, 0, 0, .6));
    animation: preloader-pulse 1.8s ease-in-out infinite;
}

@keyframes preloader-pulse {
    0%, 100% { opacity: .7; transform: scale(0.94); }
    50%      { opacity: 1;  transform: scale(1.04); }
}