/* ══════════════════════════════════════════
   HEADER — BEM Component
   ══════════════════════════════════════════ */
.header{position:sticky;top:0;z-index:100;background:var(--bg-white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-nav)}
.header__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);height:var(--nav-height);display:flex;align-items:center;gap:var(--space-lg)}
.header__brand{flex-shrink:0}
.header__logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--primary);line-height:1.1}
.header__logo svg{flex-shrink:0}
.header__logo-dot{color:var(--accent)}
.header__tagline{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin-top:1px}
.header__nav{display:flex;gap:var(--space-lg);margin-left:auto}
.header__nav a{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:var(--space-xs) 0;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}
.header__nav a:hover,.header__nav a.active{color:var(--accent);border-bottom-color:var(--accent)}
@media(max-width:768px){.header__nav{gap:var(--space-md)}.header__nav a{font-size:12px}.header__tagline{display:none}}