.site-header{
position:fixed;
top:0;left:0;width:100%;
background:rgba(8,12,8,0.9);
backdrop-filter:blur(6px);
border-bottom:1px solid var(--color-border);
z-index:1000;
}

.header-inner{
display:flex;align-items:center;justify-content:space-between;
min-height:72px;
}

.header-spacer{height:72px;}

.brand{
display:flex;align-items:center;gap:0.75rem;
}

.brand-mark{
height:48px;width:auto;
}

.brand-text{
font-family:var(--font-heading);
font-size:1rem;
letter-spacing:0.08em;
}

.nav{
display:flex;
}

.nav-list{
display:flex;align-items:center;gap:1.5rem;
}

.nav a{
font-family:var(--font-heading);
font-size:var(--fs-6);
letter-spacing:0.08em;
text-transform:uppercase;
}

.nav a:focus-visible{
outline:2px solid var(--color-accent);
outline-offset:2px;
}

.nav-cta .button{padding:0.6rem 1rem;}

.nav-toggle{
display:none;
padding:8px;
border:1px solid var(--color-border);
}

.nav-toggle span{
display:block;width:22px;height:2px;background:var(--color-text-primary);
}

.nav-mobile-extra{display:none;}

@media(max-width:900px){
.nav-toggle{display:flex;}

.nav{
position:fixed;
top:72px;right:0;
width:280px;max-width:100%;
height:calc(100vh - 72px);
background:var(--color-bg-surface);
border-left:1px solid var(--color-border);
flex-direction:column;
padding:1rem;
transform:translateX(100%);
transition:var(--transition);
overflow-y:auto;
}

.nav.open{transform:translateX(0);}

.nav-list{flex-direction:column;align-items:flex-start;gap:1rem;}

.nav-mobile-extra{display:block;margin-top:2rem;border-top:1px dashed var(--color-border);padding-top:1rem;}
}