.site-header{position:sticky;top:0;z-index:1000;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-grid);}
.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;}
.nav-left,.nav-right{display:flex;gap:var(--space-3);align-items:center;}
.nav-left a,.nav-right a{font-size:var(--fs-5);text-transform:uppercase;letter-spacing:0.08em;}
.nav-cta{border:1px solid var(--color-accent);padding:0.4rem 0.8rem;}
.brand{display:flex;justify-content:center;}
.brand-link{display:flex;align-items:center;gap:0.5rem;}
.brand-mark{height:52px;width:auto;}
.brand-text{font-family:var(--font-body);font-size:var(--fs-5);letter-spacing:0.1em;color:var(--color-text-meta);}
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;padding:0;border:1px solid var(--color-border-grid);border-radius:var(--radius-1);touch-action:manipulation;transition:border-color var(--transition-fast),background-color var(--transition-fast);}
.menu-toggle-line{display:block;width:22px;height:2px;background:var(--color-accent);transition:transform var(--transition-fast),opacity var(--transition-fast);}
.menu-toggle[aria-expanded="true"]{border-color:var(--color-accent);background:var(--color-bg-secondary);}
.menu-toggle[aria-expanded="true"] .menu-toggle-line:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle[aria-expanded="true"] .menu-toggle-line:nth-child(2){opacity:0;}
.menu-toggle[aria-expanded="true"] .menu-toggle-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.menu-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;}
.mobile-menu{position:fixed;z-index:999;top:72px;right:0;bottom:0;left:0;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-bg-primary);border-top:1px solid var(--color-border-grid);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.mobile-menu[hidden]{display:none !important;}
.mobile-nav{display:flex;flex-direction:column;gap:var(--space-2);max-width:36rem;margin:0 auto;}
.mobile-nav a{display:block;padding:0.9rem var(--space-3);border:1px solid transparent;font-size:var(--fs-4);text-transform:uppercase;letter-spacing:0.05em;}
.mobile-nav a:hover,.mobile-nav a:focus-visible{border-color:var(--color-border-grid);background:var(--color-bg-secondary);color:var(--color-accent);}
html.menu-open,body.menu-open{overflow:hidden;}

@media(max-width:768px){
.header-inner{grid-template-columns:auto 1fr auto;height:64px;}
.nav-left,.nav-right{display:none;}
.menu-toggle{display:flex;}
.brand{justify-content:flex-start;padding-left:var(--space-2);}
.brand-mark{height:38px;}
.brand-text{display:none;}
.mobile-menu{top:64px;height:calc(100dvh - 64px);padding-top:calc(var(--space-4) + env(safe-area-inset-top));}
}