@media (max-width:900px){
  .site-header{overflow:visible!important}
  .site-header .header-inner{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    min-height:76px!important;
    margin-inline:auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    overflow:visible!important;
  }
  .site-header .logo{
    display:block!important;
    flex:0 1 auto!important;
    min-width:0!important;
    margin:0!important;
  }
  .site-header .logo img{
    display:block!important;
    width:220px!important;
    max-width:calc(100vw - 112px)!important;
    height:auto!important;
  }
  .site-header .nav{display:none!important}
  .site-header .mobile-nav{
    display:block!important;
    position:relative!important;
    flex:0 0 auto!important;
    margin:0 0 0 auto!important;
    align-self:center!important;
    font-family:var(--serif)!important;
  }
  .site-header .mobile-nav summary{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:66px!important;
    min-height:44px!important;
    padding:7px 0 7px 6px!important;
  }
  .site-header .mobile-nav nav{
    right:-16px!important;
    left:auto!important;
    top:calc(100% + 9px)!important;
    width:min(320px,100vw)!important;
    z-index:1000!important;
  }
}
@media (max-width:390px){
  .site-header .logo img{width:210px!important;max-width:calc(100vw - 106px)!important}
}


@media (max-width: 900px){.site-header{
    position:relative!important;
    width:100%!important;
    min-height:76px!important;
    height:76px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    z-index:1000!important;
  }
.site-header .header-inner{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-height:76px!important;
    height:76px!important;
    margin:0!important;
    padding:0 16px!important;
    display:block!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
.site-header .logo{
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
  }
.site-header .logo img{
    display:block!important;
    width:210px!important;
    max-width:calc(100vw - 112px)!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
.site-header .nav{display:none!important}
.site-header .mobile-nav{
    display:block!important;
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:66px!important;
    min-width:66px!important;
    margin:0!important;
    padding:0!important;
  }
.site-header .mobile-nav summary{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:66px!important;
    min-width:66px!important;
    min-height:44px!important;
    margin:0!important;
    padding:7px 0 7px 6px!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
.site-header .mobile-nav nav{
    right:-16px!important;
    left:auto!important;
    top:calc(100% + 9px)!important;
  }}