/* gervis.cash — the masthead and mobile menu, shared by every page.
   Owns .masthead everywhere; page stylesheets must not redefine it. */
.masthead{
  position:relative;z-index:60;
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding:clamp(.9rem,2vw,1.5rem) clamp(1rem,3.4vw,2.75rem);
  font-family:'Archivo',system-ui,sans-serif;
  font-variation-settings:'wdth' 96,'wght' 500;font-size:.8rem;
}
.masthead a{color:var(--bark-soft);text-decoration:none;
  border-bottom:1px solid transparent;padding-bottom:2px}
.masthead a:hover,.masthead a:focus-visible{color:var(--bark);border-bottom-color:var(--moss)}
.masthead a[aria-current="page"]{color:var(--bark);border-bottom-color:var(--rule)}
.masthead .site{color:var(--bark);font-variation-settings:'wdth' 86,'wght' 700}
.masthead nav{display:flex;gap:clamp(.85rem,2vw,1.8rem);align-items:baseline}

/* hamburger — mobile only */
.burger{
  display:none;
  width:44px;height:44px;margin:-11px -10px -11px 0;
  padding:0;border:0;background:none;cursor:pointer;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.burger span{display:block;width:22px;height:1.5px;background:var(--bark-soft);
  transition:transform .25s ease,opacity .2s ease,background .2s ease}
.burger:hover span{background:var(--bark)}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.burger:focus-visible{outline:2px solid var(--moss);outline-offset:2px}

@media (max-width:760px){
  .masthead{align-items:center}
  .burger{display:flex}

  /* the nav becomes a sheet under the masthead */
  .masthead nav{
    position:absolute;top:100%;right:0;left:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--clay-deep,#100E0A);
    border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
    padding:.25rem 0;
    font-size:1rem;
    transform-origin:top;
    display:none;
  }
  .masthead nav.open{display:flex}
  .masthead nav a{
    padding:.95rem clamp(1rem,3.4vw,2.75rem);
    min-height:48px;display:flex;align-items:center;
    border-bottom:0;border-top:1px solid var(--hair);color:var(--bark-soft)
  }
  .masthead nav a:first-child{border-top:0}
  .masthead nav a:hover,.masthead nav a:focus-visible{
    border-bottom:0;color:var(--bark);background:rgba(239,233,218,.05)}
  .masthead nav a[aria-current="page"]{color:var(--bark);border-bottom:0}
  .masthead nav a[aria-current="page"]::before{
    content:"";width:3px;align-self:stretch;background:var(--moss);
    margin:-.95rem .7rem -.95rem -.9rem}
  /* comfortable tap target for Contact */
  .masthead .site{min-height:44px;display:inline-flex;align-items:center}
}