.site-nav,
.site-nav * { box-sizing:border-box; }
.site-nav {
  position:sticky !important;
  z-index:100;
  top:0;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:68px;
  padding:0 2rem !important;
  border-bottom:1px solid rgba(23,26,24,.14);
  background:rgba(245,243,238,.96) !important;
  backdrop-filter:blur(16px);
}
.site-nav__logo {
  color:#1f2a25;
  font:500 .78rem "IBM Plex Mono",ui-monospace,monospace;
  letter-spacing:.05em;
  text-decoration:none;
  text-transform:uppercase;
}
.site-nav__logo span { color:#d98e28; }
.site-nav__links { display:flex; align-items:center; gap:1.35rem; }
.site-nav__links a {
  color:#626761;
  font:500 .66rem "IBM Plex Mono",ui-monospace,monospace;
  letter-spacing:.05em;
  text-decoration:none;
  text-transform:uppercase;
}
.site-nav__links a:hover,
.site-nav__links a[aria-current="page"] { color:#171a18; }
.site-nav__links .site-nav__cta {
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:.6rem .85rem;
  border-radius:5px;
  color:#f5f3ee;
  background:#1f2a25;
}
.site-nav__toggle {
  display:none;
  border:1px solid rgba(23,26,24,.25);
  border-radius:5px;
  padding:.55rem .7rem;
  color:#1f2a25;
  background:transparent;
  font:500 .66rem "IBM Plex Mono",ui-monospace,monospace;
  letter-spacing:.05em;
  text-transform:uppercase;
}
@media (max-width:850px) {
  .site-nav { min-height:64px; padding:0 1rem !important; }
  .site-nav__toggle { display:inline-flex; }
  .site-nav__links {
    position:absolute;
    top:100%;
    right:0;
    left:0;
    display:grid;
    gap:0;
    padding:0 1rem 1rem;
    border-bottom:1px solid rgba(23,26,24,.14);
    background:#f5f3ee;
  }
  .site-nav-ready .site-nav__links { display:none; }
  .site-nav-ready .site-nav__links.is-open { display:grid; }
  .site-nav__links a { padding:.85rem 0; border-bottom:1px solid rgba(23,26,24,.14); }
  .site-nav__links .site-nav__cta { justify-content:center; margin-top:.75rem; border-bottom:0; }
}
