:root{
    --wm-sticky-header-height:74px;
    --wm-sticky-top-bg:rgba(5,6,15,.30);
    --wm-sticky-scrolled-bg:rgba(5,6,15,.93);
    --wm-sticky-border:rgba(255,255,255,.08);
    --wm-sticky-accent:#b765ff;
    --wm-sticky-glow:rgba(155,79,255,.26);
}

html.wm-sticky-header-ready{
    scroll-padding-top:calc(var(--wm-sticky-header-height) + 1rem);
}

body.wm-sticky-header-active{
    padding-top:var(--wm-sticky-header-height);
}

.wm-sticky-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1000!important;
    margin:0!important;
    transform:translateZ(0);
    background:var(--wm-sticky-top-bg)!important;
    border-bottom:1px solid transparent!important;
    box-shadow:none!important;
    backdrop-filter:blur(8px) saturate(120%);
    -webkit-backdrop-filter:blur(8px) saturate(120%);
    transition:
        min-height 180ms ease,
        padding 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        backdrop-filter 180ms ease;
}

.wm-sticky-header-top{
    min-height:74px;
}

.wm-sticky-header-scrolled{
    min-height:60px!important;
    padding-top:.35rem!important;
    padding-bottom:.35rem!important;
    background:var(--wm-sticky-scrolled-bg)!important;
    border-bottom-color:rgba(183,101,255,.18)!important;
    box-shadow:
        0 14px 38px rgba(0,0,0,.34),
        0 1px 0 rgba(255,255,255,.035) inset!important;
    backdrop-filter:blur(20px) saturate(145%);
    -webkit-backdrop-filter:blur(20px) saturate(145%);
}

.wm-sticky-header-scrolled .wm-brand-orb{
    transform:scale(.88);
}

.wm-sticky-header-scrolled .wm-experience-label{
    padding-top:.24rem;
    padding-bottom:.24rem;
    opacity:.82;
}

.wm-sticky-header-scrolled::after{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    bottom:-1px;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--wm-sticky-accent),
            transparent
        );
    opacity:.26;
    box-shadow:0 0 12px var(--wm-sticky-glow);
    pointer-events:none;
}

.wm-sticky-header[data-living-header-experience="Member"]{
    --wm-sticky-accent:#9d6cff;
    --wm-sticky-glow:rgba(126,88,255,.28);
}

.wm-sticky-header[data-living-header-experience="Admin"]{
    --wm-sticky-accent:#75b9ff;
    --wm-sticky-glow:rgba(71,151,255,.26);
}

body.wm-sticky-header-active .skip-link{
    z-index:1200;
}

body.wm-sticky-header-active [id]{
    scroll-margin-top:calc(var(--wm-sticky-header-height) + 1rem);
}

@media(max-width:900px){
    body.wm-sticky-header-active{
        padding-top:var(--wm-sticky-header-height);
    }

    .wm-sticky-header{
        min-height:68px;
    }

    .wm-sticky-header.wm-nav-open{
        max-height:100vh;
        overflow:auto;
    }

    .wm-sticky-header-scrolled{
        min-height:58px!important;
    }
}

@media(prefers-reduced-motion:reduce){
    .wm-sticky-header,
    .wm-sticky-header .wm-brand-orb,
    .wm-sticky-header .wm-experience-label{
        transition:none!important;
    }
}
