.mobile-nav-toggle,.mobile-nav-menu{display:none}

@media(max-width:760px){
  .nav{height:72px;padding:0 20px;overflow:visible}
  .nav .brand{max-width:220px;line-height:1.35}
  .navlinks{display:none!important}
  .mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.04);color:#f7f0e6;position:relative;z-index:12;transition:background .2s ease,border-color .2s ease}
  .mobile-nav-toggle:hover,.mobile-nav-toggle[aria-expanded="true"]{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.38)}
  .mobile-nav-toggle span,.mobile-nav-toggle:before,.mobile-nav-toggle:after{content:"";display:block;position:absolute;width:17px;height:1px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .mobile-nav-toggle span{transform:translateY(0)}
  .mobile-nav-toggle:before{transform:translateY(-5px)}
  .mobile-nav-toggle:after{transform:translateY(5px)}
  .mobile-nav-toggle[aria-expanded="true"] span{opacity:0}
  .mobile-nav-toggle[aria-expanded="true"]:before{transform:rotate(45deg)}
  .mobile-nav-toggle[aria-expanded="true"]:after{transform:rotate(-45deg)}
  .mobile-nav-menu{display:block;position:absolute;top:62px;right:16px;width:min(280px,calc(100vw - 32px));padding:8px;background:rgba(25,20,15,.98);border:1px solid rgba(255,255,255,.13);border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,.42);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:11;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  .mobile-nav-menu.open{opacity:1;visibility:visible;transform:none}
  .mobile-nav-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:13px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#e6dacb;font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:left}
  .mobile-nav-menu button:last-child{border-bottom:0}
  .mobile-nav-menu button:hover,.mobile-nav-menu button:focus-visible{background:rgba(255,255,255,.06);outline:none}
  .mobile-nav-menu .mobile-apply{margin-top:6px;border:1px solid rgba(198,150,78,.48);border-radius:9px;color:#e0b36e;justify-content:center}
  .landing.mobile-menu-open:before{content:"";position:absolute;inset:72px 0 0;background:rgba(0,0,0,.12);z-index:2;pointer-events:none}
}