.st-nav{
  position:sticky;
  top:0;
  z-index:50;
  height:56px;
  background:var(--cloth);
  border-bottom:1px solid var(--steel);
}

.st-nav-inner{
  height:56px;
  display:flex;
  align-items:center;
  gap:40px;
}

.st-brand{
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  color:var(--st-text);
  flex-shrink:0;
  font-family:var(--display);
  font-size:22px;
  font-weight:700;
  font-style:italic;
  letter-spacing:0.04em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--paper);
}

.st-brand img{ display:none; }

.st-nav-links{
  display:flex;
  align-items:center;
  gap:30px;
  margin:0;
  padding:0;
  list-style:none;
}

.st-nav-links a{
  color:var(--paper-dim);
  font-family:var(--display);
  font-size:13px;
  font-weight:700;
  font-style:italic;
  letter-spacing:0.06em;
  text-transform:uppercase;
  text-decoration:none;
  min-height:40px;
  padding:8px 12px;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.st-nav-links a:hover{ color:var(--paper); text-decoration:none; }

.st-nav-links a.is-current{
  color:var(--paper);
  box-shadow:inset 0 -2px 0 var(--wave);
}

.st-nav-links a.is-current::before{
  content:"";
  width:6px;
  height:6px;
  background:var(--paper);
  clip-path:var(--star);
  flex:none;
}

.st-nav-end{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:22px;
}

.st-nav-end .st-btn-primary{
  min-height:36px;
  padding:0 16px;
  font-size:13.5px;
}

.st-menu-btn{
  display:none;
  min-width:44px;
  min-height:44px;
  background:transparent;
  border:1px solid var(--steel);
  color:transparent;
  border-radius:2px;
  font-size:0;
  width:40px;
  position:relative;
}

.st-menu-btn::before{
  content:"";
  width:16px;
  height:2px;
  background:var(--paper);
  box-shadow:0 6px 0 var(--paper);
}

@media (max-width:1000px){
  .st-menu-btn{ display:inline-flex; align-items:center; justify-content:center; }
  .st-nav-inner{ position:relative; }
  .st-nav-links{
    display:none;
    position:absolute;
    left:0; right:0; top:56px;
    flex-direction:column;
    align-items:stretch;
    padding:8px 0 12px;
    background:var(--cloth);
    border-bottom:1px solid var(--steel);
    gap:0;
    min-height:calc(100vh - 56px);
  }
  .st-nav.is-open .st-nav-links{ display:flex; }
  .st-nav-end .st-link{ display:none; }
}
