/* header.css — head-strip + mobile nav-trigger overlay */

.head-strip{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--paper);
  border-bottom:1px solid var(--line);
  /* IMPORTANT: no backdrop-filter / transform / filter — solid bg only */
}
.head-strip .row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:72px;
  width:100%;
  max-width:var(--wrap);
  margin:0 auto;
  padding:0 24px;
}
@media(min-width:768px){
  .head-strip .row{padding:0 40px}
}

.wordmark{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:22px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--navy);
  text-decoration:none;
  white-space:nowrap;
}
.wordmark:hover{color:var(--bronze-dark)}
.wordmark .glyph{
  width:32px;height:32px;
  display:inline-block;
  color:var(--bronze);
  flex:0 0 32px;
}
.wordmark .tail{
  font-family:var(--font-mono);
  font-weight:500;
  font-size:11px;
  letter-spacing:2px;
  color:var(--ink-soft);
  margin-left:6px;
}
@media(max-width:520px){
  .wordmark .tail{display:none}
  .wordmark{font-size:18px}
}

.head-strip .links{
  display:none;
  align-items:center;
  gap:28px;
  list-style:none;
  margin:0;padding:0;
}
@media(min-width:980px){
  .head-strip .links{display:flex}
}
.head-strip .links a{
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:500;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--ink);
  padding:6px 0;
  position:relative;
}
.head-strip .links a:hover,
.head-strip .links a[aria-current="page"]{color:var(--navy)}
.head-strip .links a[aria-current="page"]::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;
  height:2px;background:var(--bronze);
}

.head-strip .cta-slot{
  display:none;
}
@media(min-width:980px){
  .head-strip .cta-slot{display:block}
  .head-strip .cta-slot .btn{padding:10px 20px;font-size:13px}
}

/* mobile burger */
.nav-trigger{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:48px;height:48px;
  background:transparent;
  border:1px solid var(--ink);
  cursor:pointer;
  padding:0 12px;
  margin:0;
  border-radius:0;
}
.nav-trigger span{
  display:block;
  width:100%;
  height:2px;
  background:var(--ink);
  transition:transform .25s ease, opacity .25s ease;
}
.nav-trigger[aria-expanded="true"] span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
.nav-trigger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-trigger[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}
@media(min-width:980px){.nav-trigger{display:none}}

/* mobile overlay */
.nav-sheet{
  position:fixed;
  inset:72px 0 0 0;
  background:var(--paper);
  z-index:60;
  padding:40px 24px 64px;
  overflow-y:auto;
  display:none;
}
.nav-sheet[data-open="true"]{display:block}
.nav-sheet .list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:0;
}
.nav-sheet .list li{
  border-bottom:1px solid var(--line);
}
.nav-sheet .list a{
  display:block;
  font-family:var(--font-display);
  font-weight:700;
  font-size:22px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--navy);
  padding:18px 0;
  text-decoration:none;
}
.nav-sheet .list a[aria-current="page"]{color:var(--bronze-dark)}
.nav-sheet .foot{
  margin-top:40px;
  display:flex;flex-direction:column;gap:12px;
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--ink-soft);
}
.nav-sheet .foot a{color:var(--ink);font-weight:500}
.nav-sheet .foot .btn{margin-top:16px;text-align:center}

body.is-locked{overflow:hidden}