.site-header{
position:sticky;
top:0;
z-index:1000;
background:var(--color-bg-primary);
border-bottom:1px solid var(--color-divider);
}

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

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

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

.brand-text{
font-family:var(--font-heading);
font-weight:800;
font-style:italic;
text-transform:uppercase;
font-size:1rem;
}

.primary-nav{
display:flex;
}

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

.nav-list a{
font-family:var(--font-heading);
font-size:0.9rem;
text-transform:uppercase;
font-style:italic;
position:relative;
}

.nav-list a::after{
content:"";
position:absolute;
left:0;
bottom:-4px;
width:100%;
height:2px;
background:var(--color-accent);
transform:skewX(-20deg) scaleX(0);
transform-origin:left;
transition:transform var(--transition-fast);
}

.nav-list a:hover::after{
transform:skewX(-20deg) scaleX(1);
}

.nav-contact .button{
font-size:0.8rem;
padding:0.5em 1em;
}

.nav-toggle{
display:none;
flex-direction:column;
justify-content:center;
gap:4px;
width:44px;
height:44px;
border:var(--border-accent);
clip-path:polygon(var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%,0 var(--notch));
}

.nav-toggle-line{
width:20px;
height:2px;
background:var(--color-accent);
margin:0 auto;
}

@media(max-width:900px){
.primary-nav{
position:fixed;
top:72px;
left:0;
width:100%;
background:var(--color-surface-secondary);
max-height:0;
overflow:hidden;
transition:max-height 0.2s ease;
}

.primary-nav.open{
max-height:80vh;
overflow:auto;
}

.nav-list{
flex-direction:column;
align-items:flex-start;
padding:1.5rem;
}

.nav-toggle{
display:flex;
}
}