.site-header{position:sticky;top:0;z-index:1000;background:var(--color-bg-graphite);border-bottom:var(--border-rough)}
.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-sm);max-width:var(--container-max);margin:0 auto;padding:0.75rem var(--container-pad)}
.brand{display:flex;flex-direction:column;align-items:center;gap:2px}
.brand-logo{width:48px;height:auto}
.brand-text{font-family:var(--font-heading);font-size:var(--fs-md);text-transform:uppercase}
.nav-left,.nav-right{display:flex;gap:var(--space-sm);align-items:center}
.nav-left{justify-content:flex-start}
.nav-right{justify-content:flex-end}
.nav-link{position:relative;font-size:var(--fs-sm)}
.nav-link::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--color-accent-flame);opacity:0}
.nav-link:hover::after,.nav-link:focus-visible::after{opacity:1}
.nav-cta{color:var(--color-accent-flame)}
.nav-toggle{display:none;flex-direction:column;gap:4px;padding:8px}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--color-text-primary)}
.mobile-menu{position:fixed;inset:0;background:var(--color-bg-graphite);z-index:999;overflow-y:auto}
.mobile-menu-inner{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}
@media(max-width:900px){.nav-left,.nav-right{display:none}.nav-toggle{display:flex; z-index: 1000;}.header-inner{grid-template-columns:auto 1fr auto}.brand{flex-direction:row;justify-content:center}.brand-logo{width:36px}}