.site-header{position:sticky;top:0;background:var(--color-bg-primary);z-index:998;border-bottom:1px solid var(--color-border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:var(--space-4)}
.brand{display:flex;align-items:center;gap:var(--space-2);min-width:0}
.brand-mark{height:40px;width:auto}
.brand-text{font-family:var(--font-heading);font-size:1.25rem}
.nav{display:block}
.nav-list{display:flex;gap:var(--space-4);list-style:none;padding:0;margin:0}
.nav-list li{margin:0}
.nav a{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}
.nav-toggle{display:none;min-height:44px;min-width:44px;align-items:center;justify-content:center}
.nav-toggle-lines,.nav-toggle-lines::before,.nav-toggle-lines::after{content:"";display:block;width:20px;height:2px;background:var(--color-fg-primary);position:relative}
.nav-toggle-lines::before{position:absolute;top:-6px}
.nav-toggle-lines::after{position:absolute;top:6px}
@media(max-width:900px){
.header-inner{min-height:64px;gap:var(--space-3)}
.brand-text{font-size:1.125rem}
.nav{position:fixed;inset:0 0 0 auto;width:min(320px,100%);background:var(--color-bg-secondary);transform:translateX(100%);transition:transform var(--transition-fast);padding:88px var(--space-4) var(--space-4);z-index:1001;overflow-y:auto;box-shadow:var(--shadow-soft)}
.nav.open{transform:translateX(0)}
.nav-list{flex-direction:column;gap:var(--space-1)}
.nav a{display:block;padding:var(--space-3) 0;font-size:var(--text-sm)}
.nav-toggle{display:flex;position:relative;z-index:1002}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines{background:transparent}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines::after{top:0;transform:rotate(-45deg)}
}
@media(max-width:420px){
.brand-mark{height:34px}
.brand-text{font-size:1rem}
}
body.nav-open{overflow:hidden}