.mobile-nav{display:none}
@media(max-width:900px){
  .site-header{position:relative;z-index:1000}
  .header-inner{position:relative;overflow:visible}
  .nav{display:none!important}
  .mobile-nav{display:block;position:relative;margin-left:auto;font-family:var(--serif)}
  .mobile-nav summary{list-style:none;display:flex;align-items:center;gap:9px;min-width:58px;min-height:44px;padding:7px 0 7px 10px;cursor:pointer;color:var(--green);user-select:none}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav-icon,.mobile-nav-icon::before,.mobile-nav-icon::after{display:block;width:24px;height:1px;background:currentColor;position:relative;transition:transform .18s ease}
  .mobile-nav-icon::before,.mobile-nav-icon::after{content:"";position:absolute;left:0}
  .mobile-nav-icon::before{top:-7px}
  .mobile-nav-icon::after{top:7px}
  .mobile-nav[open] .mobile-nav-icon{background:transparent}
  .mobile-nav[open] .mobile-nav-icon::before{top:0;transform:rotate(45deg)}
  .mobile-nav[open] .mobile-nav-icon::after{top:0;transform:rotate(-45deg)}
  .mobile-nav-label{font-size:10px;letter-spacing:.12em}
  .mobile-nav nav{position:absolute;right:calc(var(--pad) * -1);top:calc(100% + 14px);width:min(320px,100vw);padding:10px 24px 18px;background:#fffdf8;border-top:1px solid rgba(32,36,32,.1);border-bottom:1px solid rgba(32,36,32,.12);box-shadow:0 18px 36px rgba(21,28,25,.12)}
  .mobile-nav nav a{display:block;padding:14px 2px;border-bottom:1px solid rgba(32,36,32,.1);font-size:15px;letter-spacing:.08em;color:var(--text)}
  .mobile-nav nav a:last-child{border-bottom:0}
}
@media(max-width:520px){
  .header-inner{gap:14px}
  .logo img{width:min(218px,68vw)!important}
  .mobile-nav nav{right:calc(var(--pad) * -1)}
}