.site-header{
  position: fixed;
  top:0;
  left:0;
  right:0;
  z-index:60;
  background: transparent;
  border-bottom: 1px solid rgba(244,242,238,0);
  transition: background .18s ease, border-color .18s ease, backdrop-filter .18s ease;
}
.site-header.is-solid{
  backdrop-filter: blur(16px);
  background: linear-gradient(180deg, rgba(199,164,106,.08), rgba(16,16,18,.62));
  border-bottom-color: rgba(244,242,238,.10);
}

.header-inner{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding: .95rem clamp(1rem, 3vw, 2.6rem);
}

.nav-desktop{
  display:flex;
  gap:.35rem;
  align-items:center;
  color: rgba(244,242,238,.78);
}
.nav-desktop a{
  padding:.45rem .62rem;
  border-radius:999px;
  border: 1px solid transparent;
  font-weight: 700;
}
.nav-desktop a:hover{
  text-decoration:none;
  background: rgba(199,164,106,.06);
  border-color: rgba(199,164,106,.28);
  color: rgba(244,242,238,.95);
}

.header-actions{
  display:flex;
  gap:.55rem;
  align-items:center;
}
.header-actions .icon-btn{
  color: rgba(199,164,106,.92);
  border-color: rgba(199,164,106,.24);
  background: rgba(16,16,18,.18);
}
.header-actions .icon-btn:hover{
  background: rgba(199,164,106,.08);
  border-color: rgba(199,164,106,.38);
}

.site-footer{
  position: relative;
  z-index: 2;
  padding: 1rem;
  border-top:1px solid rgba(244,242,238,.10);
  background: rgb(0, 0, 0);
}

.footer-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}
.footer-links{
  display:flex;
  gap:1rem;
  color:var(--muted);
  font-family: var(--sans);
  font-weight: 700;
}
.footer-links a[aria-disabled="true"]{
  opacity:.55;
  pointer-events:none;
  text-decoration:none;
}