.hact{display:flex;align-items:center;gap:10px}.menubtn{display:none}.mainnav .mob{display:none}@media (max-width:860px){.top .wrap{flex-wrap:wrap}.menubtn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--on-ink-12);color:var(--on-ink);border-radius:999px;padding:12px 16px;font:inherit;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.menubtn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.menubtn i{display:block;width:16px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}.top.open .menubtn i{box-shadow:none;background:none;position:relative}.top.open .menubtn i::before,.top.open .menubtn i::after{content:"";position:absolute;inset:0;background:currentColor;transform:rotate(45deg)}.top.open .menubtn i::after{transform:rotate(-45deg)}.top.open .mainnav{display:block;flex-basis:100%;order:3;padding:6px 0 10px}.top.open .mainnav ul{flex-direction:column;gap:0}.top.open .mainnav .mob{display:list-item}.top.open .mainnav a{display:block;padding:15px 0;border-top:1px solid var(--on-ink-12);font-size:15px}.top.open .mainnav a::after{display:none}}@media (max-width:420px){.top .hact .btn{padding:12px 16px}}