.nav{
    position:fixed;top:0;left:0;right:0;
    z-index:800;
    padding:1.8rem var(--gut);
    display:flex;align-items:center;justify-content:space-between;
    transition:background var(--t3) var(--ease), padding var(--t2) var(--ease);
}
.nav.is-scrolled{
    background:rgba(5,5,5,0.92);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border-bottom:var(--border);
    padding-top:1rem;
    padding-bottom:1rem;
}
.nav-logo{
    font-family:var(--font-serif);
    font-size:1.5rem;
    font-weight:300;
    letter-spacing:0.3em;
    color:var(--white);
}
.nav-center{
    display:flex;align-items:center;gap:1.5rem;
    position:absolute;left:50%;transform:translateX(-50%);
}
.nav-link{
    font-family:var(--font-mono);
    font-size:var(--sz-xs);
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:var(--white-40);
    transition:color var(--t2);
}
.nav-link:hover{color:var(--white)}
.nav-sep{color:var(--white-15);font-size:var(--sz-xs)}

.nav-cta{
    font-family:var(--font-mono);
    font-size:var(--sz-xs);
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:var(--white);
    border:var(--border);
    padding:0.6rem 1.4rem;
    cursor:none;
    transition:background var(--t2), border-color var(--t2);
}
.nav-cta:hover{background:var(--white-08)}

.nav-burger{
    display:none;flex-direction:column;gap:5px;
    width:24px;height:24px;cursor:none;justify-content:center;
    background:none;border:none;
}
.nav-burger span{
    display:block;height:1px;background:var(--white);
    transition:transform var(--t2) var(--ease), opacity var(--t1);
}
.nav-burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-burger.is-open span:nth-child(2){transform:translateY(-6px) rotate(-45deg)}

.mob-menu{
    position:fixed;inset:0;background:var(--bg);
    z-index:700;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;
    opacity:0;visibility:hidden;
    transition:opacity var(--t3) var(--ease), visibility var(--t3);
}
.mob-menu.is-open{opacity:1;visibility:visible}
.mob-link{
    font-family:var(--font-serif);
    font-size:clamp(2rem,7vw,3.5rem);
    font-weight:300;
    color:var(--white-70);
    transition:color var(--t2);
}
.mob-link:hover{color:var(--white)}
.mob-cta{
    font-family:var(--font-mono);
    font-size:var(--sz-xs);
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:var(--white);
    border:var(--border);
    padding:0.8rem 2rem;
    margin-top:1rem;
}