.mobile-menu{display:none}
@media(max-width:900px){
  .mobile-menu{position:fixed;z-index:48;inset:0 18% 0 0;display:flex;visibility:hidden;flex-direction:column;padding:20px;background:var(--color-bg);box-shadow:8px 0 30px rgba(0,0,0,.13);transform:translateX(-100%);transition:transform .25s,visibility 0s linear .25s}
  .mobile-menu.is-open{visibility:visible;transform:none;transition-delay:0}
  .mobile-menu__bar{display:flex;justify-content:space-between;align-items:center;font:var(--heading-weight) 23px/.9 var(--font-heading);letter-spacing:-.04em;text-transform:uppercase}
  .mobile-menu nav{display:flex;flex-direction:column;margin-top:38px}
  .mobile-menu nav a{padding:13px 0;border-bottom:1px solid #ccc;font:var(--heading-weight) 30px/.95 var(--font-heading);letter-spacing:-.04em;text-transform:uppercase}
  .mobile-menu__utility{display:flex;gap:15px;margin-top:auto;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
}