/* Phone menu of landing header. Desktop is untouched: the button only exists at 860 px and below. */
.nav-toggle{display:none}
.nav-toggle[hidden]{display:none}
.login-long{display:inline}
@media(max-width:860px){
 header nav a,header nav button{min-height:44px;min-width:44px}
 header.has-menu{padding:8px 16px;gap:0 8px;flex-wrap:wrap;align-items:center}
 header.has-menu .brand{order:1;margin-right:auto;min-width:0}
 header.has-menu .outline.small{order:2;flex:0 0 auto}
 header.has-menu .login-long{display:none}
 header.has-menu .nav-toggle{order:3;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:1px solid var(--line);border-radius:10px;color:var(--ink);cursor:pointer}
 header.has-menu .nav-toggle:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
 header.has-menu .nav-toggle svg{display:block}
 header.has-menu.menu-open .nav-toggle .bar-mid{opacity:0}
 header.has-menu.menu-open .nav-toggle .bar-top{transform:translateY(5px) rotate(45deg);transform-origin:12px 7px}
 header.has-menu.menu-open .nav-toggle .bar-bot{transform:translateY(-5px) rotate(-45deg);transform-origin:12px 17px}
 header.has-menu nav{display:none;order:4;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:0;overflow:visible;margin-top:8px;padding-top:4px;border-top:1px solid var(--line)}
 header.has-menu.menu-open nav{display:flex}
 header.has-menu nav a{display:flex;align-items:center;width:100%;min-height:48px;font-size:16px;white-space:normal}
 header.has-menu nav a:focus-visible{outline:3px solid var(--purple);outline-offset:-3px;border-radius:6px}
}
@media(prefers-reduced-motion:no-preference) and (max-width:860px){
 header.has-menu .nav-toggle .bar-top,header.has-menu .nav-toggle .bar-mid,header.has-menu .nav-toggle .bar-bot{transition:transform .18s ease,opacity .18s ease}
}