.header {
  position:sticky; top:0; z-index:60;
  background:var(--header-bg); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
}
.header-inner { display:flex; align-items:center; gap:22px; height:120px; }

.brand-block { display:flex; align-items:center; gap:14px; }
.brand-logo { width:240px; height:240px; border-radius:50%; flex-shrink:0; }
.brand-text { display:flex; flex-direction:column; line-height:1.15; }
.brand-name { font-family:'Archivo',sans-serif; font-weight:800; font-size:19px; letter-spacing:-.01em; }
.brand-sub { font-size:11.5px; color:var(--text-3); letter-spacing:.04em; }

.nav-links { display:flex; align-items:center; gap:4px; margin-left:auto; }
.nav-links a {
  padding:8px 14px; font-size:14px; font-weight:500; color:var(--text-2);
  border-radius:8px; transition:color .2s, background .2s;
}
.nav-links a:hover { color:var(--text); }
.nav-links a.active { color:var(--accent); background:color-mix(in srgb, var(--accent) 12%, transparent); }

.header-actions { display:flex; align-items:center; gap:10px; }
.theme-toggle {
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:9px; color:var(--text-2);
  border:1px solid var(--border); transition:.2s;
}
.theme-toggle:hover { color:var(--accent); border-color:var(--accent); }

.burger { display:none; width:40px; height:40px; align-items:center; justify-content:center; color:var(--text); }