.mobile-menu{display:none}
@media(max-width:850px){
  .site-header{position:relative;z-index:20;gap:10px}
  .site-header .nav{margin-left:auto}
  .site-header .nav a:not(.button){display:none}
  .mobile-menu{display:block;flex:none}
  .mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;list-style:none;border:1px solid #59685d;background:#1b241e;color:#f5f4ed}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:focus-visible{outline:3px solid #fb5b22;outline-offset:3px}
  .mobile-menu .menu-icon,.mobile-menu .menu-icon:before,.mobile-menu .menu-icon:after{display:block;width:21px;height:2px;background:currentColor;position:relative;transition:transform .2s ease}
  .mobile-menu .menu-icon:before,.mobile-menu .menu-icon:after{content:'';position:absolute;left:0}
  .mobile-menu .menu-icon:before{top:-7px}.mobile-menu .menu-icon:after{top:7px}
  .mobile-menu[open] .menu-icon{background:transparent}
  .mobile-menu[open] .menu-icon:before{transform:translateY(7px) rotate(45deg)}
  .mobile-menu[open] .menu-icon:after{transform:translateY(-7px) rotate(-45deg)}
  .mobile-menu-panel{position:absolute;right:16px;top:calc(100% - 1px);width:min(310px,calc(100vw - 32px));padding:10px;background:#111a15;border:1px solid #58675a;border-top:3px solid #fb5b22;box-shadow:0 18px 35px #0008}
  .mobile-menu-panel a{display:block;padding:13px 15px;color:#f5f4ed;text-decoration:none;text-transform:uppercase;font-size:.88rem;font-weight:700;letter-spacing:.07em;border-bottom:1px solid #39483c}
  .mobile-menu-panel a:last-child{border-bottom:0}
  .mobile-menu-panel a:hover,.mobile-menu-panel a:focus-visible{background:#28372c;color:#ff9664}
}
@media(max-width:380px){.site-header .header-cta{font-size:.65rem;padding:8px 9px}.site-header{gap:6px}}
@media(prefers-reduced-motion:reduce){.mobile-menu .menu-icon,.mobile-menu .menu-icon:before,.mobile-menu .menu-icon:after{transition:none}}