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:22px;
  padding-bottom:22px;
}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:28px;width:auto;display:block}
@media(min-width:768px){.logo img{height:38px}}
.navlinks{display:none;gap:40px;font-size:14px;font-weight:500;color:var(--ink-soft);align-items:center}
.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;align-items:center}