/* header / nav — class: pagehead */

.pagehead{
  position:sticky;
  top:0;
  z-index:200;
  background:var(--paper);
  border-bottom:1px solid var(--hairline);
}

.pagehead__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:18px 0;
  max-width:var(--w-page);
  margin:0 auto;
  padding-left:24px;
  padding-right:24px;
}

.brand-mark{
  display:inline-flex;
  flex-direction:column;
  font-family:var(--display);
  text-decoration:none;
  color:var(--ink);
  line-height:1;
  letter-spacing:0.01em;
}
.brand-mark__name{font-size:1.35rem;font-weight:600}
.brand-mark__tag{
  font-family:var(--body);
  font-style:italic;
  font-size:0.74rem;
  color:var(--brass);
  letter-spacing:0.06em;
  margin-top:5px;
}

.pagehead__nav{display:none}
.pagehead__nav ul{
  list-style:none;
  display:flex;
  gap:28px;
  margin:0;
  padding:0;
}
.pagehead__nav a{
  color:var(--ink);
  text-decoration:none;
  font-size:0.94rem;
  letter-spacing:0.02em;
  position:relative;
  padding:4px 0;
}
.pagehead__nav a:hover{color:var(--oak)}
.pagehead__nav a.is-current{color:var(--brass)}
.pagehead__nav a.is-current::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-2px;
  height:1px;
  background:var(--brass);
}

.pagehead__cta{display:none}
.pagehead__cta .btn{padding:10px 18px;font-size:0.86rem}

.menu-toggle{
  appearance:none;
  background:transparent;
  border:1px solid var(--ink);
  border-radius:var(--r-sm);
  width:44px;height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.menu-toggle__bars{
  display:block;
  width:18px;height:1px;
  background:var(--ink);
  position:relative;
}
.menu-toggle__bars::before,
.menu-toggle__bars::after{
  content:"";
  position:absolute;left:0;right:0;
  height:1px;background:var(--ink);
}
.menu-toggle__bars::before{top:-6px}
.menu-toggle__bars::after{top:6px}

@media (min-width:980px){
  .menu-toggle{display:none}
  .pagehead__nav{display:block}
  .pagehead__cta{display:block}
}

/* overlay nav for mobile — fullscreen, no backdrop-filter, no transform ancestors */
.nav-overlay{
  position:fixed;
  inset:0;
  background:var(--paper);
  z-index:300;
  display:none;
  flex-direction:column;
  padding:88px 28px 32px;
  overflow-y:auto;
}
.nav-overlay.is-open{display:flex}
.nav-overlay__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.nav-overlay__list li{margin:0}
.nav-overlay__list a{
  display:block;
  font-family:var(--display);
  font-size:1.55rem;
  color:var(--ink);
  text-decoration:none;
  padding:14px 0;
  border-bottom:1px solid var(--hairline);
}
.nav-overlay__list a:hover{color:var(--oak)}
.nav-overlay__close{
  position:absolute;
  top:18px;right:24px;
  background:transparent;
  border:1px solid var(--ink);
  border-radius:var(--r-sm);
  width:44px;height:44px;
  font-size:1.4rem;
  color:var(--ink);
}
.nav-overlay__cta{margin-top:32px}