@font-face{
  font-family:"Degular Mono";
  src:url("../fonts/DEGULAR-LICENSED/DegularMono-Regular.woff2") format("woff2"),url("../fonts/DEGULAR-LICENSED/DegularMono-Regular.woff") format("woff");
  font-weight:400;font-style:normal;font-display:block;
}

.site-nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:20px 6vw 22px;min-height:112px;
  display:flex;justify-content:space-between;align-items:flex-start;
  color:var(--text-light, var(--ink, #EDEAE4));
  text-shadow:0 1px 14px rgba(0,0,0,.7);
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--bg, #0B0B0C) 88%, transparent) 0%,
    color-mix(in srgb, var(--bg, #0B0B0C) 70%, transparent) 55%,
    transparent 100%);
  border-bottom:0;
  transform:translateY(0);will-change:transform;
  transition:transform .45s cubic-bezier(.22,.61,.36,1), opacity .34s ease, filter .34s ease;
}
.site-nav.is-hidden{transform:translateY(-100%)}

.site-nav__mark{
  display:inline-flex;align-items:center;
  height:48px;min-width:230px;
  color:var(--text-light, var(--ink, #EDEAE4));text-decoration:none;
}

.site-nav__links{
  display:flex;gap:2.6vw;align-items:center;height:48px;
  width:auto;flex-wrap:nowrap;justify-content:flex-start;
}
.site-nav__links a{
  

  font-family:"Degular Mono","Geist Mono","SFMono-Regular",monospace;
  font-size:11px;line-height:1.65;letter-spacing:.22em;text-transform:uppercase;
  color:var(--text-muted, var(--muted, #85878C));text-decoration:none;
  margin:0;padding:0;             

  display:inline-flex;align-items:baseline;
  transition:color .4s cubic-bezier(.22,1,.36,1);
}

.site-nav__links a::before{
  content:"\2197";display:inline-block;overflow:hidden;
  max-width:1.2em;margin-right:.55em;opacity:0;
  color:var(--gold, var(--accent, #8A99A8));
  transition:opacity .45s cubic-bezier(.22,1,.36,1);
}


.site-nav__links a::before{
  content:"";
  width:.82em;
  height:.71em;
  background-color:currentColor;
  -webkit-mask:url("/assets/marks/arrow-ne.svg") 0 0/.6em .71em no-repeat;
  mask:url("/assets/marks/arrow-ne.svg") 0 0/.6em .71em no-repeat;
}

.arr-ne{
  display:inline-block;width:.6em;height:.71em;vertical-align:baseline;
  background-color:currentColor;
  -webkit-mask:url("/assets/marks/arrow-ne.svg") 0 0/100% 100% no-repeat;
          mask:url("/assets/marks/arrow-ne.svg") 0 0/100% 100% no-repeat;
}
.site-nav__links a:hover{color:var(--text-light, var(--ink, #EDEAE4))}
.site-nav__links a:hover::before{opacity:1}
.site-nav__links a[aria-current="page"],
.site-nav__links a.is-active{color:var(--text-light, var(--ink, #EDEAE4))}



@media (max-width:700px){
  .site-nav{
    flex-direction:column;align-items:center;gap:8px;min-height:0;
    padding:14px 4vw 11px;
    background:color-mix(in srgb, var(--bg, #0B0B0C) 85%, transparent);
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .site-nav__mark{min-width:0;height:auto;justify-content:center}
  .site-nav__links{height:auto;width:100%;flex-wrap:wrap;justify-content:center;gap:6px 18px}
  .site-nav__links a{font-size:10px;letter-spacing:.16em}
  .site-nav__links a::before{display:none}
}