.site-header{
position:sticky;
top:0;
z-index:1000;
background:var(--color-surface-glass);
backdrop-filter:blur(10px);
border-bottom:1px solid var(--color-border-premium);
}
.header-inner{
display:flex;
align-items:center;
justify-content:space-between;
padding-block:var(--space-2);
}
.brand{
display:flex;
align-items:center;
gap:var(--space-2);
}
.brand-mark{
height:44px;
width:auto;
}
.brand-text{
font-family:var(--font-heading);
font-size:1.3rem;
}
.nav{
display:flex;
}
.nav-list{
display:flex;
align-items:center;
gap:var(--space-3);
}
.nav a{
font-family:var(--font-heading);
text-transform:uppercase;
font-size:var(--text-sm);
}
.nav-toggle{
display:none;
width:40px;
height:40px;
align-items:center;
justify-content:center;
gap:4px;
}
.nav-toggle span{
display:block;
width:22px;
height:2px;
background:var(--color-text-primary);
transform-origin:center;
transition:transform var(--transition-fast),opacity var(--transition-fast);
}
@media (max-width:900px){
.nav-toggle{
display:flex;
position:relative;
z-index:2;
flex-direction:column;
}
.nav-toggle[aria-expanded="true"] span:nth-child(1){
transform:translateY(6px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] span:nth-child(2){
opacity:0;
}
.nav-toggle[aria-expanded="true"] span:nth-child(3){
transform:translateY(-6px) rotate(-45deg);
}
.nav{
position:absolute;
top:100%;
inset-inline:0;
height:calc(100dvh - 100%);
overflow-y:auto;
overscroll-behavior:contain;
background:var(--color-surface-primary);
transform:translateY(-100%);
visibility:hidden;
pointer-events:none;
transition:transform var(--transition-fast),visibility 0s linear var(--transition-fast);
padding:clamp(var(--space-4),8vh,var(--space-5)) clamp(var(--space-3),6vw,var(--space-5));
}
.nav.open{
transform:translateY(0);
visibility:visible;
pointer-events:auto;
transition-delay:0s;
}
.nav-list{
width:min(100%,var(--container-max));
margin:0 auto;
padding:0;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
}
.nav-list li{
margin:0;
}
.nav a:not(.button){
display:inline-block;
padding-block:var(--space-1);
}
.brand-mark{height:34px;}
}
ul{ list-style: none !important; }

@media (prefers-reduced-motion:reduce){
.nav,
.nav-toggle span{
transition:none;
}
}