/* Strange Frequencies — the site bar. Same markup on every page:
   <nav class="sf-nav"><a class="sf-mark" href="/">Strange Frequencies</a><div class="sf-links">…</div></nav> */
.sf-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: .55rem 1.4rem; font-family: 'Space Mono', monospace; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase;
  background: linear-gradient(rgba(14,12,7,.92), rgba(14,12,7,.6) 70%, rgba(14,12,7,0)); pointer-events: none; }
.sf-nav a { color: rgba(237,220,176,.55); text-decoration: none; pointer-events: auto; padding: .3rem 0; border-bottom: 1px solid transparent; }
.sf-nav a:hover, .sf-nav a[aria-current] { color: #eddcb0; border-bottom-color: rgba(201,79,8,.6); }
.sf-mark { font-family: 'Anton', sans-serif; font-size: .95rem; letter-spacing: .12em; color: #eddcb0 !important; }
.sf-links { display: flex; gap: 1.3rem; }
.sf-links .sf-arroyo { color: #c94f08; }
@media (max-width: 640px) { .sf-nav { padding: .45rem .9rem; font-size: .62rem; letter-spacing: .1em; } .sf-links { gap: .8rem; } .sf-mark { font-size: .85rem; } .sf-links a.sf-hide-m { display: none; } }