/* ────────────────────────────────────────────────────────────
   nav.css — top navigation bar
   ──────────────────────────────────────────────────────────── */

nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(245,244,240,0.94);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--rule);
  padding:0 56px;height:52px;
  display:flex;align-items:center;justify-content:space-between;
}

.nav-name{
  font-family:var(--serif);font-size:16px;font-weight:500;
  font-style:italic;color:var(--ink);text-decoration:none;
  letter-spacing:-0.01em;
}

.nav-links{display:flex;}

.nav-link{
  font-family:var(--mono);font-size:10px;letter-spacing:0.06em;
  color:var(--ink3);text-decoration:none;padding:0 16px;
  height:52px;display:flex;align-items:center;
  border-right:1px solid var(--rule);
  transition:color .15s, background .15s;
}
.nav-link:first-child{border-left:1px solid var(--rule);}
.nav-link:hover{color:var(--ink);background:var(--paper2);}

.nav-contact{
  font-family:var(--mono);font-size:10px;letter-spacing:0.06em;
  padding:6px 16px;border:1px solid var(--ink3);color:var(--ink3);
  text-decoration:none;
  transition:border-color .15s, color .15s;
}
.nav-contact:hover{border-color:var(--blue);color:var(--blue);}