.clh-header{
position:sticky;
top:0;
z-index:1000;
background:rgba(18,19,21,0.85);
backdrop-filter:blur(8px);
border-bottom:1px solid var(--color-border-muted);
}

.clh-header-inner{
display:flex;
align-items:center;
justify-content:space-between;
height:72px;
gap:var(--space-2);
}

.clh-brand{
display:flex;
align-items:center;
gap:0.75rem;
min-width:0;
}

.clh-logo{
height:44px;
width:auto;
}

.clh-brand-text{
font-family:var(--font-heading);
font-size:1.4rem;
white-space:nowrap;
}

.clh-nav{
display:flex;
}

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

.clh-nav-list li{
margin:0;
}

.clh-nav a{
position:relative;
font-size:0.95rem;
}

.clh-nav a::after{
content:"";
position:absolute;
left:0;
bottom:-4px;
width:0;
height:1px;
background:var(--color-accent-gold);
transition:width var(--transition-fast);
}

.clh-nav a:hover::after,
.clh-nav a:focus-visible::after{
width:100%;
}

.clh-nav-toggle{
display:none;
width:40px;
height:40px;
align-items:center;
justify-content:center;
}

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

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

.clh-nav{
position:fixed;
top:0;
right:0;
height:100vh;
width:280px;
background:var(--color-surface-secondary);
transform:translateX(100%);
transition:transform var(--transition-smooth);
padding:var(--space-4) var(--space-3);
}

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

.clh-nav-list{
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
}

.clh-logo{height:32px;}

.clh-brand-text{font-size:1.2rem;}
}