header.nav{
  position:fixed; top:0; left:0; right:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px clamp(20px,5vw,56px);
  backdrop-filter:blur(14px);
  background:color-mix(in srgb, var(--bg) 78%, transparent);
  border-bottom:1px solid var(--border);
}
.brand{display:flex; align-items:center; gap:12px; font-family:var(--font-display); font-weight:700; font-size:1.05rem; letter-spacing:.02em;}
.brand .mark{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--accent);color:var(--accent);font-size:.85rem;font-family:var(--font-mono);flex-shrink:0;}
.brand small{display:block;font-family:var(--font-mono);font-weight:400;font-size:.62rem;letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase;margin-top:2px;}

.nav-links{display:flex; gap:clamp(12px,2vw,28px); align-items:center;}
.nav-links a{
  font-family:var(--font-mono); font-size:.72rem; letter-spacing:var(--tracking-tag); text-transform:uppercase;
  color:var(--text-dim); position:relative; padding:6px 2px; transition:color .3s;
}
body[data-theme="artist"] .nav-links a{font-family:var(--font-display); font-size:.86rem; letter-spacing:.06em; font-style:italic; text-transform:none;}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--accent);transition:width .35s var(--ease);}
.nav-links a:hover, .nav-links a.active{color:var(--text);}
.nav-links a:hover::after, .nav-links a.active::after{width:100%;}

.mode-link{
  display:flex; align-items:center; gap:8px; background:var(--surface); border:1px solid var(--border-strong);
  border-radius:100px; padding:9px 16px; font-family:var(--font-mono); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--accent); transition:all .3s var(--ease);
}
.mode-link:hover{background:var(--accent); color:#0A0A0A;}
body[data-theme="artist"] .mode-link{font-family:var(--font-display); font-style:italic; text-transform:none; font-size:.85rem;}

.nav-burger{display:none; font-size:1.3rem; background:none; border:none; color:var(--text); cursor:pointer;}

@media (max-width:900px){
  .nav-links{position:fixed; top:70px; right:20px; left:20px; flex-direction:column; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:18px; align-items:flex-start; gap:16px; display:none;}
  .nav-links.open{display:flex;}
  .nav-burger{display:block;}
}