:root{
    --wm-header-height:74px;
    --wm-header-bg:rgba(6,7,16,.70);
    --wm-header-bg-scrolled:rgba(6,7,16,.92);
    --wm-header-border:rgba(255,255,255,.09);
    --wm-header-text:#f7f3ff;
    --wm-header-muted:#bbb3c9;
    --wm-header-accent:#b765ff;
    --wm-header-glow:rgba(150,79,255,.30);
}

.wm-living-header{
    min-height:var(--wm-header-height);
    position:sticky;
    top:0;
    z-index:100;
    display:flex;
    align-items:center;
    gap:1.25rem;
    padding:0 clamp(1rem,4vw,4.5rem);
    color:var(--wm-header-text);
    background:var(--wm-header-bg);
    border-bottom:1px solid var(--wm-header-border);
    backdrop-filter:blur(18px) saturate(135%);
    -webkit-backdrop-filter:blur(18px) saturate(135%);
    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.wm-living-header.wm-header-scrolled{
    background:var(--wm-header-bg-scrolled);
    border-bottom-color:rgba(183,101,255,.20);
    box-shadow:0 12px 36px rgba(0,0,0,.24);
}

.wm-living-header[data-living-header-experience="Member"]{
    --wm-header-accent:#9d6cff;
    --wm-header-glow:rgba(119,80,255,.32);
}

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

.wm-living-brand{
    display:inline-flex!important;
    align-items:center;
    gap:.65rem;
    flex:0 0 auto;
    font-weight:800;
    letter-spacing:.04em;
    text-decoration:none;
}

.wm-brand-orb{
    width:1rem;
    height:1rem;
    display:inline-block;
    border-radius:50%;
    background:
        radial-gradient(circle at 38% 32%,#ffffff 0 8%,var(--wm-header-accent) 18% 43%,rgba(91,45,180,.75) 58%,transparent 70%);
    box-shadow:
        0 0 10px var(--wm-header-glow),
        0 0 24px var(--wm-header-glow);
    animation:wm-header-orb 5s ease-in-out infinite;
}

.wm-experience-label{
    order:10;
    margin-left:auto;
    padding:.34rem .62rem;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    color:var(--wm-header-muted);
    background:rgba(255,255,255,.035);
    font-size:.68rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.wm-living-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(.8rem,2vw,1.8rem);
    margin-left:auto;
}

.wm-living-nav a{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:2.5rem;
    color:var(--wm-header-muted);
    text-decoration:none;
    transition:
        color 160ms ease,
        transform 160ms ease;
}

.wm-living-nav a::after{
    content:"";
    position:absolute;
    left:50%;
    right:50%;
    bottom:.1rem;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,transparent,var(--wm-header-accent),transparent);
    box-shadow:0 0 10px var(--wm-header-glow);
    transition:left 180ms ease,right 180ms ease;
}

.wm-living-nav a:hover,
.wm-living-nav a:focus-visible,
.wm-living-nav a.wm-nav-current{
    color:var(--wm-header-text);
}

.wm-living-nav a:hover::after,
.wm-living-nav a:focus-visible::after,
.wm-living-nav a.wm-nav-current::after{
    left:12%;
    right:12%;
}

.wm-living-nav a:focus-visible{
    outline:2px solid var(--wm-header-accent);
    outline-offset:4px;
    border-radius:.3rem;
}

.wm-nav-toggle{
    display:none;
    width:2.7rem;
    height:2.7rem;
    margin-left:auto;
    padding:.65rem;
    border:1px solid rgba(255,255,255,.12);
    border-radius:.7rem;
    background:rgba(255,255,255,.04);
    color:inherit;
}

.wm-nav-toggle span{
    display:block;
    width:100%;
    height:2px;
    margin:.25rem 0;
    border-radius:2px;
    background:currentColor;
    transition:transform 180ms ease,opacity 180ms ease;
}

.wm-nav-open .wm-nav-toggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
}

.wm-nav-open .wm-nav-toggle span:nth-child(2){
    opacity:0;
}

.wm-nav-open .wm-nav-toggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
}

@keyframes wm-header-orb{
    0%,100%{transform:scale(.94);filter:brightness(.92)}
    50%{transform:scale(1.06);filter:brightness(1.18)}
}

@media(max-width:900px){
    .wm-living-header{
        flex-wrap:wrap;
        min-height:68px;
        padding:.7rem 1rem;
    }

    .wm-experience-label{
        display:none;
    }

    .wm-nav-toggle{
        display:block;
    }

    .wm-living-nav{
        width:100%;
        max-height:0;
        overflow:hidden;
        opacity:0;
        flex-direction:column;
        align-items:stretch;
        gap:.25rem;
        margin:0;
        transition:max-height 220ms ease,opacity 180ms ease,padding 220ms ease;
    }

    .wm-nav-open .wm-living-nav{
        max-height:34rem;
        opacity:1;
        padding:.5rem 0 .25rem;
    }

    .wm-living-nav a{
        width:100%;
        min-height:2.9rem;
        padding:.55rem .7rem;
        border-radius:.55rem;
    }

    .wm-living-nav a::after{
        display:none;
    }

    .wm-living-nav a:hover,
    .wm-living-nav a:focus-visible,
    .wm-living-nav a.wm-nav-current{
        background:rgba(255,255,255,.06);
    }
}

@media(prefers-reduced-motion:reduce){
    .wm-living-header,
    .wm-living-nav,
    .wm-living-nav a,
    .wm-living-nav a::after,
    .wm-nav-toggle span,
    .wm-brand-orb{
        animation:none!important;
        transition:none!important;
    }
}