.ns-header{position:sticky;top:0;z-index:1000;background:transparent;transition:background 200ms ease}
.ns-header.scrolled{background:var(--color-bg-primary)}
.ns-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.ns-header__brand{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}
.ns-header__logo{height:42px;width:auto}
.ns-header__brand-text{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase}

.ns-nav{display:flex}
.ns-nav__list{display:flex;gap:var(--space-5);margin:0;padding:0}
.ns-nav__list li{margin:0}
.ns-nav__list a{font-size:var(--fs-7);letter-spacing:.08em;text-transform:uppercase}

.ns-nav-toggle{display:none;flex-direction:column;gap:4px;padding:8px}
.ns-nav-toggle span{width:22px;height:2px;background:var(--color-text-primary);display:block}

.ns-overlay{position:fixed;inset:0;background:rgba(13,16,19,.6);opacity:0;pointer-events:none;transition:opacity 200ms}
.ns-overlay.active{opacity:1;pointer-events:auto}

@media(max-width:900px){
.ns-nav-toggle{display:flex}
.ns-nav{position:fixed;top:0;right:0;height:100vh;width:280px;background:var(--color-surface-elevated);transform:translateX(100%);transition:transform 200ms;padding:var(--space-6) var(--space-4)}
.ns-nav.open{transform:translateX(0)}
.ns-nav__list{flex-direction:column;gap:var(--space-4)}
}