/* Slide-in navigation: bottom tabs on phones, an off-canvas drawer from 1024px */
.menubtn,.drawhead,.navscrim{display:none}
@media (min-width:1024px){
  .menubtn{display:inline-flex;align-items:center;justify-content:center}
  .navscrim{display:block;position:fixed;inset:0;background:#14141a66;opacity:0;pointer-events:none;transition:opacity .22s;z-index:58}
  body.navopen .navscrim{opacity:1;pointer-events:auto}
  nav.tabs{position:fixed;top:0;bottom:0;left:0;width:300px;max-width:86vw;z-index:60;transform:translateX(-104%);visibility:hidden;transition:transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s;box-shadow:none;border:0;overflow-y:auto}
  body.navopen nav.tabs{transform:none;visibility:visible;transition:transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s;box-shadow:16px 0 56px #14141a55}
  .drawhead{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 18px 14px}
  .drawhead img{height:28px;width:auto}
}
@media (prefers-reduced-motion:reduce){.navscrim,nav.tabs{transition:none!important}}
@media (min-width:1024px){.drawhead .iconbtn{width:40px;height:40px;flex:none;border-radius:12px}.top .row{padding:0 14px}}