.mobile-nav-toggle,
.mobile-submenu-toggle{
  display:none;
}

@media(max-width:850px){
  .mobile-nav-ready .site-header,
  .mobile-nav-ready .header-inner{
    position:relative!important;
    z-index:300!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:0 16px!important;
    overflow:visible!important;
  }

  .mobile-nav-ready .site-header{
    height:76px!important;
    min-height:76px!important;
    padding:0 20px!important;
  }

  .mobile-nav-ready .header-inner{
    height:74px!important;
    min-height:74px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  .mobile-nav-ready .site-header > .brand,
  .mobile-nav-ready .header-inner > .brand{
    grid-column:1;
    min-width:0;
  }

  .mobile-nav-ready .mobile-nav-toggle{
    grid-column:2;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-width:82px;
    min-height:44px;
    margin:0!important;
    padding:0 13px;
    border:1px solid rgba(23,58,52,.34);
    border-radius:0;
    background:#faf7f0;
    color:#173a34;
    font:600 11px/1 Arial,Helvetica,sans-serif;
    letter-spacing:.09em;
    text-transform:uppercase;
    cursor:pointer;
  }

  .mobile-nav-toggle-mark{
    position:relative;
    display:block;
    width:14px;
    height:14px;
  }

  .mobile-nav-toggle-mark::before,
  .mobile-nav-toggle-mark::after{
    content:"";
    position:absolute;
    left:1px;
    top:6px;
    width:12px;
    border-top:1.5px solid currentColor;
    transition:transform .16s ease;
  }

  .mobile-nav-toggle-mark::after{
    transform:rotate(90deg);
  }

  .mobile-nav-open .mobile-nav-toggle-mark::before{
    transform:rotate(45deg);
  }

  .mobile-nav-open .mobile-nav-toggle-mark::after{
    transform:rotate(-45deg);
  }

  .mobile-nav-ready .site-header > nav,
  .mobile-nav-ready .header-inner > nav{
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    z-index:350!important;
    display:none!important;
    width:100%!important;
    max-height:calc(100vh - 90px)!important;
    max-height:calc(100dvh - 90px)!important;
    margin:0!important;
    padding:10px 14px 14px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    background:#faf7f0!important;
    border-top:1px solid rgba(23,58,52,.14);
    border-bottom:1px solid rgba(23,58,52,.2);
    box-shadow:0 18px 32px rgba(20,47,41,.16);
    font:400 13px/1.35 Arial,Helvetica,sans-serif!important;
    letter-spacing:.025em!important;
    white-space:normal!important;
    scrollbar-width:auto!important;
  }

  .mobile-nav-ready .mobile-nav-open > nav{
    display:flex!important;
  }

  .mobile-nav-ready .site-header > nav > a,
  .mobile-nav-ready .header-inner > nav > a,
  .mobile-nav-ready .nav-group > a{
    display:flex!important;
    align-items:center;
    width:100%;
    min-height:44px;
    padding:12px 14px!important;
    border:0!important;
    border-bottom:1px solid rgba(23,58,52,.12)!important;
    color:#173a34!important;
    text-decoration:none!important;
    font-size:13px!important;
    line-height:1.35!important;
  }

  .mobile-nav-ready .nav-group{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px;
    align-items:stretch;
    width:100%;
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid rgba(23,58,52,.12);
  }

  .mobile-nav-ready .nav-group > a{
    grid-column:1;
    border-bottom:0!important;
  }

  .mobile-nav-ready .nav-chevron{
    display:none!important;
  }

  .mobile-nav-ready .mobile-submenu-toggle{
    grid-column:2;
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:48px;
    min-height:44px;
    margin:0;
    padding:0;
    border:0;
    border-left:1px solid rgba(23,58,52,.12);
    background:transparent;
    color:#173a34;
    cursor:pointer;
  }

  .mobile-submenu-toggle-mark{
    position:relative;
    display:block;
    width:14px;
    height:14px;
  }

  .mobile-submenu-toggle-mark::before,
  .mobile-submenu-toggle-mark::after{
    content:"";
    position:absolute;
    left:1px;
    top:6px;
    width:12px;
    border-top:1.5px solid currentColor;
  }

  .mobile-submenu-toggle-mark::after{
    transform:rotate(90deg);
    transition:transform .16s ease;
  }

  .nav-group[data-mobile-submenu-open="true"] .mobile-submenu-toggle-mark::after{
    transform:rotate(0deg);
  }

  .mobile-nav-ready .nav-group .nav-dropdown,
  .mobile-nav-ready .nav-group:hover .nav-dropdown,
  .mobile-nav-ready .nav-group:focus-within .nav-dropdown{
    position:static!important;
    grid-column:1 / -1;
    display:none!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:5px 14px 11px 26px!important;
    border:0!important;
    border-top:1px solid rgba(23,58,52,.1)!important;
    box-shadow:none!important;
    background:#f1ede4!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:none!important;
  }

  .mobile-nav-ready .nav-group[data-mobile-submenu-open="true"] .nav-dropdown{
    display:block!important;
  }

  .mobile-nav-ready .site-header nav .nav-dropdown a,
  .mobile-nav-ready .header-inner nav .nav-dropdown a{
    display:flex!important;
    align-items:center;
    min-height:44px;
    padding:10px 12px!important;
    border-bottom:1px solid rgba(23,58,52,.09)!important;
    color:#173a34!important;
    font-size:12px!important;
    line-height:1.35!important;
    white-space:normal!important;
  }

  .mobile-nav-ready .site-header nav .nav-dropdown a:last-child,
  .mobile-nav-ready .header-inner nav .nav-dropdown a:last-child{
    border-bottom:0!important;
  }

  .mobile-nav-ready .mobile-nav-toggle:focus-visible,
  .mobile-nav-ready .mobile-submenu-toggle:focus-visible,
  .mobile-nav-ready .site-header nav a:focus-visible,
  .mobile-nav-ready .header-inner nav a:focus-visible{
    position:relative;
    z-index:2;
    outline:2px solid #668b83!important;
    outline-offset:2px!important;
  }
}

@media(max-width:380px){
  .mobile-nav-ready .mobile-nav-toggle{
    min-width:74px;
    padding:0 10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .mobile-nav-toggle-mark::before,
  .mobile-nav-toggle-mark::after,
  .mobile-submenu-toggle-mark::after{
    transition:none!important;
  }
}