@media(max-width:850px){
  header .nav{grid-template-columns:1fr auto 1fr!important;gap:10px}
  header .logo{grid-column:1;grid-row:1}
  header .icons{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
  .mobile-nav-toggle{grid-column:2;grid-row:1}
  .mobile-nav-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}
  .mobile-nav-toggle span,.mobile-nav-toggle:before,.mobile-nav-toggle:after{content:"";display:block;width:13px;height:1px;background:currentColor;transition:.25s}
  .mobile-nav-toggle span{margin:1px 0}
  .mobile-nav-toggle[aria-expanded="true"] span{opacity:0}
  .mobile-nav-toggle[aria-expanded="true"]:before{transform:translateY(2px) rotate(45deg)}
  .mobile-nav-toggle[aria-expanded="true"]:after{transform:translateY(-2px) rotate(-45deg)}
  header.mobile-menu-open{height:auto}
  header.mobile-menu-open .nav{min-height:78px;position:relative}
  header.mobile-menu-open .links{display:flex!important;position:absolute;left:50%;top:100%;width:min(286px,calc(100vw - 36px));transform:translateX(-50%);flex-direction:column;gap:0;padding:9px 20px 12px;background:var(--cream);border:1px solid var(--line);box-shadow:0 18px 35px rgba(41,41,41,.14);z-index:50;text-align:center}
  header.mobile-menu-open .links>a,header.mobile-menu-open .nav-item>.nav-trigger{display:block;width:100%;padding:7px 4px;text-align:center;position:relative}
  header.mobile-menu-open .links>a,header.mobile-menu-open .nav-item{margin-block:2px}
  header.mobile-menu-open .links>a:after,header.mobile-menu-open .nav-item>.nav-trigger:before{left:50%!important;right:auto!important;bottom:2px!important;width:52px!important;height:1px!important;transform:translateX(-50%) scaleX(0);transform-origin:center;background:var(--ink)!important;transition:transform .22s!important}
  header.mobile-menu-open .links>a:hover:after,header.mobile-menu-open .links>a.active:after,header.mobile-menu-open .nav-item>.nav-trigger:hover:before,header.mobile-menu-open .nav-item.open>.nav-trigger:before{transform:translateX(-50%) scaleX(1)}
  header.mobile-menu-open .nav-item{width:100%}
  header.mobile-menu-open .nav-item>.nav-trigger:after{position:absolute!important;left:calc(50% + 47px)!important;right:auto!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important}
  header.mobile-menu-open .nav-item.open>.nav-trigger:after{transform:translateY(-50%) rotate(180deg)!important}
  header.mobile-menu-open .dropdown{position:static;min-width:0;width:100%;margin:1px auto 3px;padding:2px 0 4px;background:transparent;border:0;box-shadow:none;transform:none!important;display:none;opacity:1;visibility:visible;text-align:center}
  header.mobile-menu-open .nav-item.open .dropdown{display:block}
  header.mobile-menu-open .dropdown a{padding:7px 10px;margin-block:1px;border-radius:0;font-size:.8rem;color:rgba(41,41,41,.7);transition:color .2s;position:relative}
  header.mobile-menu-open .dropdown a:after{content:"";display:block!important;position:absolute;left:50%;bottom:2px;width:24px;height:1px;background:var(--olive);transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .2s}
  header.mobile-menu-open .dropdown a:hover:after{transform:translateX(-50%) scaleX(1)}
  header.mobile-menu-open .dropdown a:hover{background:transparent;color:var(--olive)}
}
@media(min-width:851px){.mobile-nav-toggle{display:none}}