/* mobile nav for the homepage: same toggle + drawer the subpages already have */
.nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:var(--panel);position:relative;z-index:95}
.nav-toggle span{width:16px;height:1.6px;background:var(--ink);transition:transform .35s var(--ease),opacity .25s}
nav.open .nav-toggle span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
nav.open .nav-toggle span:nth-child(2){opacity:0}
nav.open .nav-toggle span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
.nav-drawer{position:fixed;top:60px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem var(--gutter) 1.6rem;display:none;flex-direction:column;z-index:88;transform:translateY(-8px);opacity:0;transition:opacity .3s,transform .35s var(--ease)}
nav.open .nav-drawer{display:flex;opacity:1;transform:none}
.nav-drawer a{font-family:var(--mono);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:.9rem .2rem;border-bottom:1px solid var(--line)}
.nav-drawer a:last-of-type{border-bottom:0}
@media(max-width:820px){.nav-toggle{display:flex}}