nav{
  position:sticky;top:0;z-index:50;
  background:rgba(250,249,246,0.86);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
nav .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:20px;
  padding-bottom:20px;
}
.logo{font-family:var(--font-serif);font-size:21px;font-weight:600;letter-spacing:-0.02em}
.logo span{color:var(--accent)}
.navlinks{display:none;gap:36px;font-size:14.5px;font-weight:500;color:var(--ink-soft)}
.navlinks a:hover{color:var(--ink)}
.navlinks a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
@media(min-width:840px){.navlinks{display:flex}}
.navcta{display:flex;gap:12px;align-items:center}