/* Phone / narrow menu. nav.js adds .nav-toggle and toggles header.nav-collapsed / header.nav-open. */
.nav-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;background:none;border:1px solid var(--border-2);border-radius:2px;color:var(--text);cursor:pointer;
  transition:transform .15s cubic-bezier(.3,1.5,.5,1),background .15s}
.nav-toggle:hover{background:var(--bg-2)}
.nav-toggle:active{transform:scale(.95)}
.nav-toggle svg{width:18px;height:18px}
.nav-toggle .x{display:none}
header.nav-collapsed .nav-toggle{display:inline-flex}
header.nav-open .nav-toggle .bars{display:none}
header.nav-open .nav-toggle .x{display:block}
header.nav-collapsed .nav-cta{display:none}
header.nav-open .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;left:0;right:0;top:100%;
  background:var(--bg);border-bottom:1px solid var(--border-2);padding:8px var(--gutter) 20px;max-height:calc(100dvh - 64px);overflow:auto}
header.nav-open .nav-links a{padding:15px 0;font-size:1.0625rem;border-bottom:1px solid var(--border);color:var(--text)}
header.nav-open .nav-links a::after{display:none}
header.nav-open .nav-links a:last-child{border-bottom:0}