.site-header{
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(21,16,9,.96),rgba(21,16,9,.84));
  backdrop-filter:blur(10px);
}
.site-header-inner{
  width:100%;
  max-width:1120px;
  height:60px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.site-brand{
  color:var(--ink)!important;
  font-family:var(--font-display,'Fraunces',serif);
  font-size:20px;
  font-weight:600;
  letter-spacing:.02em;
  line-height:1;
  text-decoration:none!important;
  white-space:nowrap;
}
.site-brand span{color:var(--gold)}
.site-primary{display:flex;align-items:center;gap:28px}
.site-nav-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  color:var(--muted)!important;
  font-size:14px;
  font-weight:500;
  line-height:1;
  text-decoration:none!important;
  transition:color .2s ease;
}
.site-nav-link:hover,
.site-nav-link:focus-visible{color:var(--gold)!important}
.site-nav-link::before{
  content:"";
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:transparent;
  box-shadow:none;
}
.site-nav-link.active{color:var(--gold)!important}
.site-nav-link.active::before{
  background:var(--gold);
  box-shadow:0 0 8px rgba(224,169,74,.72);
}
@media(max-width:520px){
  .site-header-inner{padding:0 16px;gap:14px}
  .site-primary{gap:14px}
  .site-nav-link{gap:5px;font-size:13px}
  .site-nav-link::before{width:5px;height:5px}
}