/* CRISPER · the one top bar every page shares: CRISPER, then Home, Contact, Login.
   Adobe kit fonts only (loaded by each page). */
.site-bar{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  padding:1.6rem 6vw; background:#0a0a0a; border-bottom:1px solid #1f1f1f;
  font-family:'input-mono', monospace; text-transform:uppercase;
}
.site-bar .mark{
  font-family:'input-mono', monospace; font-size:0.82rem; letter-spacing:0.36em;
  text-transform:uppercase; color:#ededea; text-decoration:none;
}
.site-bar nav{ display:flex; align-items:center; gap:2rem; }
.site-bar nav a, .site-bar nav button{
  font:inherit; font-size:0.66rem; letter-spacing:0.18em; text-transform:uppercase;
  color:#8e8e8a; background:none; border:0; padding:0; cursor:pointer; text-decoration:none;
  transition:color .25s;
}
.site-bar nav a:hover, .site-bar nav a:focus-visible,
.site-bar nav button:hover, .site-bar nav button:focus-visible,
.site-bar nav a[aria-current="page"]{ color:#ededea; }
@media (max-width:480px){
  .site-bar{ padding:1.2rem 6vw; }
  .site-bar nav{ gap:1.3rem; }
  .site-bar .mark{ letter-spacing:0.24em; }
}