.site-header{
position:fixed;
top:0;
left:0;
width:100%;
background:var(--color-background-base);
border-bottom:1px solid var(--color-border-separator);
z-index:1000;
}

.site-header__spacer{
height:72px;
}

.site-header__inner{
min-height:72px;
}

.site-header__brand{
display:flex;
align-items:center;
gap:var(--space-2);
}

.site-header__logo{
width:52px;
height:auto;
}

.site-header__brand-text{
font-family:var(--font-heading);
font-size:1.2rem;
}

.site-header__nav{
}

.site-header__menu{
display:flex;
align-items:center;
gap:var(--space-4);
}

.site-header__menu a{
font-size:var(--text-sm);
}

.site-header__cta{
margin-left:var(--space-2);
}

.site-header__toggle{
display:none;
width:44px;
height:44px;
border-radius:var(--radius-pill);
border:1px solid var(--color-border-separator);
align-items:center;
justify-content:center;
flex-direction:column;
gap:4px;
}

.site-header__toggle span{
display:block;
width:18px;
height:2px;
background:var(--color-text-primary);
}

@media (max-width:900px){
.site-header__spacer{height:64px;}
.site-header__inner{min-height:64px;}
.site-header__logo{width:36px;}

.site-header__toggle{
display:flex;
}

.site-header__nav{
position:fixed;
top:64px;
right:0;
width:85%;
max-width:320px;
height:calc(100vh - 64px);
background:var(--color-surface-card);
border-left:1px solid var(--color-border-separator);
padding:var(--space-4);
transform:translateX(100%);
transition:transform 0.25s ease;
overflow-y:auto;
}

.site-header__nav.is-open{
transform:translateX(0);
}

.site-header__menu{
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
}

.site-header__cta{
margin-top:var(--space-3);
}
}