@media(max-width:900px){
  .menu-btn{width:52px;height:52px;padding:3px;border-width:1px;box-shadow:inset 0 0 0 2px rgba(91,29,13,.13),inset 0 2px 4px rgba(255,255,255,.2),0 8px 22px rgba(0,0,0,.27)}
  .menu-btn svg{width:31px;height:31px;stroke-width:1.65}
  .menu-btn span{margin-top:-4px;font-size:6px;letter-spacing:.06em}
  .topbar nav{top:68px;padding:8px 16px 13px;gap:0;border-radius:0 0 15px 15px;background:linear-gradient(155deg,rgba(18,56,45,.99),rgba(9,35,28,.99));box-shadow:0 24px 48px rgba(0,0,0,.34)}
  .topbar nav a{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 28px;min-height:59px;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.1);font-size:18px;font-weight:640;letter-spacing:-.012em}
  .topbar nav a:before{position:static;width:auto;height:auto;background:none;color:rgba(244,108,49,.9);font-size:8px;letter-spacing:.1em}
  .topbar nav a:after{position:static;left:auto;right:auto;bottom:auto;display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#f58a5d;content:"→";font-size:14px;line-height:1;transition:transform .22s,background .22s,color .22s}
  .topbar nav a:hover,.topbar nav a:focus-visible{padding-left:12px;background:rgba(255,255,255,.055)}
  .topbar nav a:hover:after,.topbar nav a:focus-visible:after{right:auto;transform:translateX(3px);background:#f46c31;color:#fff}
}
@media(max-width:420px){.menu-btn{width:50px;height:50px}.menu-btn svg{width:29px;height:29px}.topbar nav{padding-inline:12px}.topbar nav a{min-height:56px;font-size:17px}}