.mobile-menu{display:none}
@media(max-width:600px){
  .site-header{display:flex!important;overflow:visible!important;padding:.45rem!important}
  .site-header .brand{flex:1 1 auto;max-width:calc(100% - 5rem)!important}
  .site-header .brand strong{max-width:none!important;overflow:visible!important;font-size:clamp(.68rem,3vw,.8rem)!important;text-overflow:clip!important}
  .site-header .nav-cta,.site-header>nav{display:none!important}
  .mobile-menu{position:relative;display:block;flex:0 0 auto}
  .mobile-menu summary{display:grid;place-items:center;min-width:4.4rem;min-height:2.75rem;padding:.6rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#f56320;color:#fff;font-size:.7rem;font-weight:850;cursor:pointer;list-style:none}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu[open] summary{background:#ff7133}
  .mobile-menu nav{position:absolute;top:calc(100% + .65rem);right:0;display:grid!important;gap:.25rem!important;width:min(17rem,calc(100vw - 1.2rem));padding:.65rem;border:1px solid rgba(255,255,255,.16);border-radius:1.2rem;background:rgba(10,10,12,.96);box-shadow:0 1.5rem 4rem rgba(0,0,0,.55);backdrop-filter:blur(24px) saturate(150%)}
  .mobile-menu nav a{display:flex;align-items:center;min-height:2.8rem;padding:.65rem .8rem;border-radius:.75rem;color:#ddd!important;font-size:.78rem!important}
  .mobile-menu nav a:hover{background:rgba(245,99,32,.16);color:#fff!important}
}