/* =========================================================
   STAFFLAND GLOBAL AMBIENT EFFECTS V2
   ========================================================= */

html,
body{
    min-height:100%;
}

body{
    isolation:isolate;
}


/* =========================================================
   FLOATING SL BACKGROUND
   ========================================================= */

.sl-ambient-bg{
    position:fixed;
    inset:0;

    z-index:-1;

    overflow:hidden;
    pointer-events:none;

    user-select:none;
    -webkit-user-select:none;

    contain:strict;
}

.sl-ambient-token{
    position:absolute;

    left:var(--sl-x);
    top:var(--sl-y);

    display:flex;
    align-items:center;

    font-family:Inter, Arial, sans-serif;
    font-size:var(--sl-size);
    font-weight:950;
    line-height:1;
    letter-spacing:-.11em;

    opacity:var(--sl-opacity);

    transform:
        translate3d(0,0,0)
        rotate(var(--sl-start-rotate));

    animation:
        slAmbientFloat
        var(--sl-duration)
        ease-in-out
        var(--sl-delay)
        infinite
        alternate;

    will-change:transform;

    filter:
        blur(.1px)
        drop-shadow(0 0 14px rgba(232,173,77,.05));

    mix-blend-mode:screen;
}

.sl-ambient-token .s{
    color:transparent;
    -webkit-text-fill-color:transparent;

    -webkit-text-stroke:.72px rgba(232,173,77,.30);
    text-stroke:.72px rgba(232,173,77,.30);

    text-shadow:
        0 0 5px rgba(232,173,77,.045),
        0 0 10px rgba(232,173,77,.018);
}

.sl-ambient-token .l{
    color:transparent;
    -webkit-text-fill-color:transparent;

    -webkit-text-stroke:.68px rgba(255,255,255,.28);
    text-stroke:.68px rgba(255,255,255,.28);

    text-shadow:
        0 0 4px rgba(255,255,255,.03),
        0 0 8px rgba(255,255,255,.012);
}

@keyframes slAmbientFloat{

    0%{
        transform:
            translate3d(0,0,0)
            rotate(var(--sl-start-rotate));
    }

    50%{
        transform:
            translate3d(
                calc(var(--sl-dx) * .45),
                calc(var(--sl-dy) * .60),
                0
            )
            rotate(0deg);
    }

    100%{
        transform:
            translate3d(
                var(--sl-dx),
                var(--sl-dy),
                0
            )
            rotate(var(--sl-end-rotate));
    }

}


/* =========================================================
   POINTER EFFECTS
   ========================================================= */

#slPointerEffects{
    position:fixed;
    inset:0;

    width:100%;
    height:100%;

    z-index:900;

    display:block;

    pointer-events:none;

    user-select:none;
    -webkit-user-select:none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

    .sl-ambient-token{
        opacity:
            calc(var(--sl-opacity) * .78);
    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    .sl-ambient-token{
        animation:none !important;
    }

    #slPointerEffects{
        display:none !important;
    }

}

/* /STAFFLAND GLOBAL AMBIENT EFFECTS V2 */


/* =========================================================
   STAFFLAND — CUBES FORCE DISABLED
   ========================================================= */

.sl-cubes-bg,
.sl-cube-float,
.sl-ambient-cube{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* /STAFFLAND — CUBES FORCE DISABLED */