.mobile-nav{display:none}
@media(max-width:700px){
  .mobile-nav{display:block;margin-left:auto;position:relative}
  .mobile-nav summary{list-style:none;border:1px solid rgba(250,245,231,.72);padding:10px 12px;color:#f7f3e9;font:700 10px 'DM Sans',sans-serif;letter-spacing:.1em;cursor:pointer}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav summary:focus-visible{outline:2px solid #d6ad5c;outline-offset:3px}
  .mobile-nav-panel{position:absolute;top:calc(100% + 9px);right:0;z-index:10;display:grid;width:218px;border:1px solid rgba(250,245,231,.45);background:#06231f;box-shadow:0 18px 38px rgba(0,0,0,.3)}
  .mobile-nav-panel a{padding:15px 16px;border-bottom:1px solid rgba(250,245,231,.16);color:#f7f3e9;font:700 11px 'DM Sans',sans-serif;letter-spacing:.08em}
  .mobile-nav-panel a:last-child{border-bottom:0;background:#d6ad5c;color:#15362d}
}