.menu#menu.open{display:flex;flex-direction:column;align-items:stretch}
.menu#menu .menu-head{align-items:center;flex-shrink:0;gap:18px}
.menu#menu .menu-head a{display:inline-block;padding:5px 0}
.menu#menu nav{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:32px;flex-shrink:0}
.menu#menu nav a{font-size:clamp(46px,min(10vw,10svh),130px);line-height:.95;padding:.045em .075em;margin-left:-.075em;transition:color .16s,background-color .16s}
.menu#menu nav a:hover,.menu#menu nav a:focus-visible,.menu#menu .menu-head a:hover,.menu#menu .menu-head a:focus-visible{color:#e4ff5e;background:#101010}
.menu#menu>p{margin:20px 0 0}
.menu#menu .menu-socials{display:flex;flex-wrap:wrap;gap:25px 10px;margin-top:auto;padding-top:32px;flex-shrink:0}
.menu#menu .menu-social{margin-top:0;display:inline-flex;align-items:center;gap:14px;border:1px solid currentColor;padding:11px 13px;font-family:'Roboto Mono',monospace;font-size:10px;line-height:1.3;text-transform:uppercase;transition:color .16s,background-color .16s}
.menu#menu .menu-social .arrow{width:11px;height:11px;color:currentColor}
.menu#menu .menu-social:hover,.menu#menu .menu-social:focus-visible{background:#101010;color:#e4ff5e;border-color:#101010}
@media(max-width:700px){.menu#menu{padding:20px 16px}.menu#menu nav{gap:13px;margin-top:30px}.menu#menu nav a{font-size:clamp(39px,min(14vw,9.5svh),80px);line-height:1}.menu#menu .menu-socials{gap:24px 8px;padding-top:28px}.menu#menu .menu-social{font-size:9px;padding:10px;gap:9px}.menu#menu .menu-social .arrow{width:10px;height:10px}}