
.hv2-nav{
  display:flex;
  align-items:center;
  padding:var(--inset-box) var(--site-nav-pad-x, 44px);
  background:var(--site-nav-bg, transparent);
  border-bottom:0;
  --site-nav-bg:        transparent;
  --site-nav-pad-x:     44px;
  --site-nav-fg:        var(--grey, #8C8078);
  --site-nav-fg-strong: var(--ink, #1A1208);
  --site-nav-hover-bg:  rgba(26, 18, 8, 0.05);
  --site-nav-mark-bg:   rgba(26, 18, 8, 0.07);
  --site-nav-mark-fg:   var(--ink, #1A1208);
  --site-nav-pill:      999px;
}
.hv2-nav-logo{
  flex:0 0 auto;
  color:inherit;
  text-decoration:none;
}
.hv2-nav-items{
  display:flex;
  align-items:center;
  gap:var(--inset-control);
  margin-left:auto;
  min-width:0;
}
.hv2-nav-items form{display:contents;}
.hv2-nav-items > a,
.hv2-nav-items > form > button{flex:none;}
.hv2-nav-acct{min-width:0;}
.hv2-nav-items > a,
.hv2-nav-items > form > button,
.hv2-nav-acct-trigger,
.hv2-nav-acct-menu a,
.hv2-nav-acct-menu button{
  color:var(--site-nav-fg);
  background:none;
  border:0;
  padding:var(--inset-control) var(--inset-box);
  border-radius:var(--site-nav-pill, 999px);
  cursor:pointer;
  text-decoration:none;
  transition:background .2s,color .2s;
}
.hv2-nav-items > a:hover,
.hv2-nav-items > form > button:hover,
.hv2-nav-acct-trigger:hover,
.hv2-nav-acct-menu a:hover,
.hv2-nav-acct-menu button:hover{
  background:var(--site-nav-hover-bg);
  color:var(--site-nav-fg-strong);
}
.hv2-nav-items > a[aria-current="page"]{
  background:var(--site-nav-mark-bg);
  color:var(--site-nav-mark-fg);
}
.hv2-nav-items > a,
.hv2-nav-items > form > button,
.hv2-nav-acct-trigger,
.hv2-nav-acct-menu a,
.hv2-nav-acct-menu button{
  font-family:var(--font-mono);
  font-size:var(--type-badge);
  font-weight:var(--weight-regular);
  letter-spacing:0.14em;
  text-transform:uppercase;
  line-height:normal;
}
.hv2-nav-fac-value{
  font-size:var(--type-note);
  line-height:normal;
  letter-spacing:var(--type-note-tracking);
  text-transform:none;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hv2-nav-acct{position:relative;}
.hv2-nav-acct-trigger{
  display:inline-flex;
  align-items:center;
  gap:var(--gap-tight);
  min-width:0;
  max-width:100%;
}
.hv2-nav-acct-caret{
  flex:0 0 auto;
  width:0;height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:4px solid currentColor;
  transition:transform .2s ease;
}
.hv2-nav-acct.nav-open .hv2-nav-acct-caret{transform:rotate(180deg);}
.hv2-nav-acct-menu{
  display:none;
  position:absolute;
  top:100%;right:0;
  z-index:200;
  min-width:180px;
  margin-top:var(--inset-tag);
  padding:var(--gap-tight) 0;
  text-align:left;
  background:var(--surface-chrome);
  border:1px solid var(--border);
  box-shadow:0 8px 24px var(--hairline-weak);
}
.hv2-nav-acct.nav-open .hv2-nav-acct-menu{display:block;}
.hv2-nav-acct-menu a,
.hv2-nav-acct-menu button{
  display:block;
  width:100%;
  padding:var(--inset-control) var(--inset-panel);
  text-align:left;
  border-radius:0;
}
.hv2-nav-acct-menu form{display:block;}
.nav-rail-toggle{
  display:none;
  flex:0 0 auto;
  width:33px;height:33px;
  margin-right:var(--gap-tight);
  padding:7px;
  background:none;border:0;
  cursor:pointer;
  flex-direction:column;
  justify-content:space-between;
}
.nav-rail-toggle i{
  display:block;
  height:2px;
  background:var(--ink);
  border-radius:1px;
}
@media(max-width:900px){
  .nav-rail-toggle{display:flex;}
}
@media(max-width:768px){
  .nav-rail-toggle{width:40px;height:40px;padding:9px;}
}
@media (max-width: 768px){
  .hv2-nav{
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    gap:var(--gap-tight);
    padding:var(--inset-control) var(--gap-row);
  }
  .hv2-nav-items > a,
  .hv2-nav-items > form > button{
    white-space:nowrap;
  }
}
