/* =========================================================
   AMXREV PRELOADER
   ========================================================= */

html.amx-preloader-lock,
body.is-preloading{
    overflow:hidden!important;
}

.amx-preloader{
    position:fixed;
    inset:0;
    z-index:99999;
    display:grid;
    place-items:center;
    background:#050505;
    opacity:1;
    visibility:visible;
    transition:opacity .55s ease,visibility .55s ease;
}

.amx-preloader.is-leaving{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.amx-preloader-bg{
    position:absolute;
    inset:0;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 45%,rgba(116,18,22,.20),transparent 25%),
        radial-gradient(circle at 50% 50%,rgba(181,126,48,.07),transparent 38%),
        linear-gradient(180deg,#070707 0%,#030303 100%);
}

.amx-preloader-bg::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.25;
    background-image:
        linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(circle at center,black,transparent 70%);
    mask-image:radial-gradient(circle at center,black,transparent 70%);
}

.amx-preloader-bg::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:540px;
    height:540px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    border:1px solid rgba(212,170,94,.055);
    box-shadow:
        0 0 0 55px rgba(212,170,94,.015),
        0 0 0 110px rgba(126,22,24,.012);
    animation:amxPreloaderHalo 4.8s ease-in-out infinite;
}

.amx-preloader-stage{
    position:relative;
    z-index:2;
    width:min(560px,calc(100% - 42px));
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.amx-preloader-ornament{
    width:min(350px,78vw);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:12px;
    opacity:.70;
}

.ornament-line{
    height:1px;
    flex:1;
    background:linear-gradient(90deg,transparent,rgba(212,170,94,.55));
}

.ornament-right{
    background:linear-gradient(90deg,rgba(212,170,94,.55),transparent);
}

.ornament-diamond{
    width:7px;
    height:7px;
    border:1px solid rgba(212,170,94,.72);
    transform:rotate(45deg);
    background:rgba(126,22,24,.55);
    box-shadow:0 0 16px rgba(126,22,24,.35);
}

.amx-preloader-logo-wrap{
    position:relative;
    width:min(430px,88vw);
    min-height:170px;
    display:grid;
    place-items:center;
}

.amx-preloader-aura{
    position:absolute;
    left:50%;
    top:50%;
    width:74%;
    height:65%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(
        ellipse at center,
        rgba(133,23,25,.28) 0%,
        rgba(212,170,94,.09) 36%,
        transparent 72%
    );
    filter:blur(24px);
    animation:amxPreloaderAura 3.2s ease-in-out infinite;
}

.amx-preloader-logo{
    position:relative;
    z-index:2;
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    transform-origin:center center;
    filter:
        drop-shadow(0 16px 34px rgba(0,0,0,.68))
        drop-shadow(0 0 10px rgba(139,25,28,.18));
    animation:amxPreloaderFloat 3.8s ease-in-out infinite;
}

.amx-preloader-copy{
    margin-top:4px;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.amx-preloader-eyebrow{
    color:#d4aa5e;
    font-size:9px;
    font-weight:700;
    letter-spacing:4px;
}

.amx-preloader-copy strong{
    font-family:Cinzel,serif;
    color:#bcb5aa;
    font-size:10px;
    font-weight:600;
    letter-spacing:2.3px;
}

.amx-preloader-progress{
    width:min(330px,76vw);
    height:2px;
    margin-top:25px;
    position:relative;
    overflow:hidden;
    background:rgba(255,255,255,.055);
}

.amx-preloader-progress span{
    position:absolute;
    left:0;
    top:0;
    width:0%;
    height:100%;
    background:linear-gradient(90deg,#6e451c 0%,#d2a557 48%,#8c1c20 100%);
    box-shadow:0 0 12px rgba(212,170,94,.28);
    transition:width .18s ease-out;
}

.amx-preloader-meta{
    width:min(330px,76vw);
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:9px;
    color:#6e6962;
    font-size:8px;
    letter-spacing:1.8px;
}

.amx-preloader-meta b{
    color:#9e8a68;
    font-weight:600;
    letter-spacing:1px;
}

@keyframes amxPreloaderFloat{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(0,-8px,0) scale(1.008)}
}

@keyframes amxPreloaderAura{
    0%,100%{opacity:.38;transform:translate(-50%,-50%) scale(.92)}
    50%{opacity:.68;transform:translate(-50%,-50%) scale(1.04)}
}

@keyframes amxPreloaderHalo{
    0%,100%{opacity:.48;transform:translate(-50%,-50%) scale(.96)}
    50%{opacity:.82;transform:translate(-50%,-50%) scale(1.025)}
}

@media (max-width:700px){
    .amx-preloader-logo-wrap{
        width:min(330px,86vw);
        min-height:140px;
    }

    .amx-preloader-bg::after{
        width:330px;
        height:330px;
    }

    .amx-preloader-copy strong{
        font-size:8px;
        letter-spacing:1.7px;
    }
}

@media (prefers-reduced-motion:reduce){
    .amx-preloader-logo,
    .amx-preloader-aura,
    .amx-preloader-bg::after{
        animation:none!important;
    }
}
