.site-header{
  width:100%;
  padding:1.5rem 1rem;
  text-align:center;
  font-family:var(--font-orbitron);
  background:var(--color-bg-alt);
  border-bottom:1px solid var(--color-border);
}

.site-header .brand{
  display:inline-block;
  font-size:1.6rem;
  letter-spacing:.12em;
  color:var(--color-text);
}

.site-header .brand span{
  color:var(--color-red);
}

.site-header nav{
  margin-top:.75rem;
  display:flex;
  justify-content:center;
  gap:1.5rem;
  flex-wrap:wrap;
}

.site-header nav a{
  font-size:.85rem;
  letter-spacing:.06em;
  color:var(--color-text-dim);
  transition:color .2s ease;
}

.site-header nav a:hover{
  color:var(--color-red);
}