html.mobile-menu-open,
html.mobile-menu-open body{overflow:hidden}

@media(max-width:1180px){
  .mobile-menu{
    max-height:calc(100dvh - 72px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding-bottom:max(24px,env(safe-area-inset-bottom));
  }
  .mobile-menu .mm-toggle{
    width:100%;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:15px 0;
    border:0;
    border-bottom:.5px solid rgba(245,240,232,.12);
    background:transparent;
    color:rgba(245,240,232,.88);
    font-family:'ABC Diatype',sans-serif;
    font-size:19px;
    font-weight:500;
    text-align:left;
    cursor:pointer;
  }
  .mobile-menu .mm-toggle::after{
    content:'';
    width:8px;
    height:8px;
    flex:0 0 auto;
    border-right:1px solid currentColor;
    border-bottom:1px solid currentColor;
    transform:rotate(45deg) translateY(-2px);
    transition:transform .24s ease;
  }
  .mobile-menu .mm-toggle[aria-expanded='true']::after{
    transform:rotate(225deg) translate(-2px,-2px);
  }
  .mobile-submenu{
    display:grid;
    grid-template-rows:0fr;
    background:rgba(255,255,255,.035);
    transition:grid-template-rows .28s ease;
  }
  .mobile-submenu.is-open{grid-template-rows:1fr}
  .mobile-submenu-inner{min-height:0;overflow:hidden}
  .mobile-submenu a{
    display:block;
    padding:13px 16px;
    border-bottom:.5px solid rgba(245,240,232,.09);
    color:rgba(245,240,232,.82);
    text-decoration:none;
  }
  .mobile-submenu .mm-sub-title{
    display:block;
    font-family:'ABC Diatype',sans-serif;
    font-size:15px;
    font-weight:500;
    line-height:1.25;
  }
  .mobile-submenu .mm-sub-desc{
    display:block;
    margin-top:4px;
    color:rgba(245,240,232,.5);
    font-family:'ABC Diatype',sans-serif;
    font-size:11px;
    font-weight:300;
    line-height:1.4;
  }
  .mobile-submenu .mm-feature{background:rgba(212,175,122,.08)}
  .mobile-submenu .mm-feature .mm-sub-title{color:#e2c18d}
  .menu-theme-light .mobile-menu .mm-toggle{
    color:rgba(23,20,16,.84);
    border-bottom-color:rgba(23,20,16,.12);
  }
  .menu-theme-light .mobile-submenu{background:rgba(23,20,16,.035)}
  .menu-theme-light .mobile-submenu a{color:rgba(23,20,16,.82);border-bottom-color:rgba(23,20,16,.09)}
  .menu-theme-light .mobile-submenu .mm-sub-desc{color:rgba(23,20,16,.55)}
  .menu-theme-light .mobile-submenu .mm-feature{background:rgba(76,94,83,.08)}
  .menu-theme-light .mobile-submenu .mm-feature .mm-sub-title{color:var(--green)}
}

@media(prefers-reduced-motion:reduce){
  .mobile-submenu,.mobile-menu .mm-toggle::after{transition:none}
}