.site-header{
  position:sticky;
  top:0;
  z-index:40;
}
.header-inner{
  max-width:1600px;
  margin-inline:auto;
  padding-inline:var(--space-4);
  padding-block:var(--space-3);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
}
.header-brand{
  display:flex;
  align-items:center;
  min-width:0;
  position:relative;
  z-index:2;
}
.header-logo{
  display:flex;
  align-items:center;
  gap:var(--space-3);
}
.header-logo-mark{
  width:32px;
  height:32px;
  border-radius:999px;
  border:1px solid rgba(231,211,174,0.35);
  background:radial-gradient(circle at 30% 30%,var(--color-accent-amber),var(--color-accent-coral));
  box-shadow:0 0 0 1px rgba(11,18,32,0.9),0 14px 32px rgba(0,0,0,0.85);
}
.header-logo-text{
  display:flex;
  flex-direction:column;
  gap:0.1rem;
}
.header-logo-title{
  font-family:var(--font-serif);
  font-size:0.95rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--color-heading);
}
.header-logo-subtitle{
  font-size:0.75rem;
  color:var(--color-text-muted);
}
.header-toggle{
  display:inline-flex;
  align-items:center;
  gap:var(--space-2);
  padding-inline:var(--space-2);
  padding-block:0.4rem;
  border-radius:var(--radius-full);
  border:1px solid rgba(231,211,174,0.25);
  background:rgba(11,18,32,0.85);
  color:var(--color-text-soft);
  position:relative;
  z-index:3;
}
.header-toggle-box{
  width:22px;
  height:18px;
  display:inline-flex;
  flex-direction:column;
  justify-content:space-between;
}
.header-toggle-line{
  height:2px;
  width:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--color-primary),var(--color-accent-amber));
  transform-origin:center;
  transition:transform var(--transition-base),opacity var(--transition-fast),translate var(--transition-base);
}
.header-toggle-label{
  font-size:0.75rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
}
.header-nav{
  position:absolute;
  inset-inline:0;
  top:100%;
  transform:translateY(-100%);
  opacity:0;
  visibility:hidden;
  transition:transform var(--transition-base),opacity var(--transition-base),visibility var(--transition-base);
  background:linear-gradient(to bottom,rgba(4,7,22,0.98),rgba(11,18,32,0.98));
  border-bottom:1px solid rgba(231,211,174,0.16);
  z-index:1;
}
.header-nav-list{
  list-style:none;
  padding:var(--space-6) var(--space-4) var(--space-3);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.header-nav-item{}
.header-nav-link{
  display:inline-flex;
  align-items:center;
  gap:0.25rem;
  font-size:0.95rem;
  color:var(--color-text-soft);
  padding-block:0.35rem;
}
.header-nav-link::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:radial-gradient(circle,var(--color-primary),var(--color-accent-amber));
  opacity:0;
  transform:translateX(-4px);
  transition:opacity var(--transition-base),transform var(--transition-base);
}
.header-nav-link:hover{
  color:var(--color-accent-sand);
}
.header-nav-link:hover::before{
  opacity:1;
  transform:translateX(0);
}
.header-nav-highlight .header-nav-link{
  color:var(--color-accent-sand);
}
.header-nav-cta-wrapper{
  padding:0 var(--space-4) var(--space-5);
  border-top:1px solid rgba(231,211,174,0.12);
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.header-nav-cta{
  width:100%;
  justify-content:center;
}
.header-nav-cta-icon{
  font-size:0.9rem;
}
.header-nav-note{
  font-size:0.75rem;
  color:var(--color-text-muted);
}
.header-nav.is-open{
  transform:translateY(0);
  opacity:1;
  visibility:visible;
}
.header-toggle.is-open .header-toggle-line-top{
  transform:rotate(40deg) translateY(6px);
}
.header-toggle.is-open .header-toggle-line-middle{
  opacity:0;
}
.header-toggle.is-open .header-toggle-line-bottom{
  transform:rotate(-40deg) translateY(-6px);
}
.header-toggle.is-open{
  color:var(--color-accent-sand);
  border-color:rgba(231,211,174,0.5);
  background:rgba(4,7,22,0.96);
}
.header-toggle.is-open .header-toggle-line{
  background:var(--color-accent-sand);
}
@media (min-width:768px){
  .header-inner{
    padding-inline:var(--space-6);
  }
}
@media (min-width:1400px){
  .header-toggle{
    display:none;
  }
  .header-nav{
    position:static;
    transform:none;
    opacity:1;
    visibility:visible;
    background:transparent;
    border-bottom:none;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:var(--space-6);
  }
  .header-nav-list{
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    gap:var(--space-4);
    padding:0;
  }
  .header-nav-item,
  .header-nav-link{
    flex:0 0 auto;
  }
  .header-nav-link{
    white-space:nowrap;
  }
  .header-nav-cta-wrapper{
    padding:0;
    border-top:none;
    flex-direction:row;
    align-items:center;
    gap:var(--space-3);
  }
  .header-nav-cta{
    width:auto;
    white-space:nowrap;
  }
  .header-nav-note{
    max-width:13rem;
    text-align:right;
  }
}
@media (max-width:1399.98px){
  .header-nav{
    max-height:100vh;
    overflow-y:auto;
  }
}
.header-nav a:focus-visible,
.header-toggle:focus-visible{
  box-shadow:var(--shadow-focus);
}
.header-nav .btn{
  font-size:0.75rem;
}
.header-nav .btn .header-nav-cta-label{
  white-space:normal;
}
