.site-header{
  position:sticky;
  top:0;
  z-index:40;
}
.nav-inner{
  min-height:var(--header-height);
}
.nav-brand-link{
  display:inline-flex;
  align-items:center;
  gap:var(--space-4);
}
.nav-brand-text{
  font-family:var(--font-mono);
  font-size:var(--font-size-xs);
  letter-spacing:0.16em;
  text-transform:uppercase;
}
.nav-primary{
  display:flex;
  align-items:center;
  gap:var(--space-7);
}
.nav-links-desktop{
  display:flex;
  align-items:center;
  gap:var(--space-6);
}
.nav-links-mobile{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.nav-link{
  font-family:var(--font-mono);
  font-size:var(--font-size-xs);
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--color-text-muted);
}
.nav-link:hover{
  color:var(--color-text);
}
.nav-toggle{
  display:flex;
  flex-direction:column;
  width:34px;
  gap:5px;
  cursor:pointer;
}
.nav-toggle span{
  display:block;
  height:3px;
  background:var(--color-text);
  box-shadow:2px 2px 0 #000;
}
.nav-menu-mobile{
  background:#050509;
  border-bottom:2px solid var(--color-border);
}
.nav-menu-mobile[hidden]{
  display:none;
}
@media (min-width:900px){
  .nav-toggle{
    display:none;
  }
  .nav-menu-mobile{
    display:none!important;
  }
}
@media (max-width:899.98px){
  .nav-links-desktop{
    display:none;
  }
}
.skip-link{
  position:absolute;
  top:-40px;
  left:var(--space-7);
  padding:var(--space-3) var(--space-5);
  background:#000;
  color:var(--color-text);
  border:2px solid var(--color-primary);
  z-index:50;
  transition:top var(--transition-fast);
}
.skip-link:focus-visible{
  top:var(--space-5);
}