header.site{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.nav-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:64px;
}
.logo{
  font-size:1.05rem;
  font-weight:300;
  letter-spacing:2.5px;
  color:var(--ink);
  text-transform:uppercase;
}
.logo b,.logo span{font-weight:700}
nav.links{display:flex;gap:1.8rem}
nav.links a{
  color:var(--muted);
  font-size:.88rem;
  font-weight:500;
}
nav.links a:hover{color:var(--ink)}
.burger{
  display:none;
  background:none;
  border:1px solid var(--border);
  border-radius:6px;
  color:var(--ink);
  font-size:1.2rem;
  padding:.25rem .65rem;
  cursor:pointer;
}
footer.site{
  border-top:1px solid var(--border);
  background:var(--surface);
  padding:3rem 0 1.6rem;
  margin-top:0;
}
.foot-grid{
  display:flex;
  justify-content:space-between;
  gap:2rem;
  flex-wrap:wrap;
  margin-bottom:2rem;
}
.foot-grid p{color:var(--muted);font-size:.88rem;max-width:320px;line-height:1.7}
.foot-grid p b{color:var(--ink);font-weight:600}
.foot-grid a{color:var(--muted)}
.foot-grid a:hover{color:var(--ink)}
.foot-bottom{
  border-top:1px solid var(--border-soft);
  padding-top:1.3rem;
  display:flex;
  justify-content:space-between;
  color:var(--faint);
  font-size:.8rem;
  flex-wrap:wrap;
  gap:.5rem;
}
@media(max-width:720px){
  nav.links{
    display:none;
    position:absolute;
    top:64px;left:0;right:0;
    flex-direction:column;
    background:#fff;
    border-bottom:1px solid var(--border);
    padding:1rem 1.4rem 1.4rem;
    gap:1.1rem;
  }
  nav.links.open{display:flex}
  .burger{display:block}
}