@media (min-width:768px) and (max-width:1023px){
  .site-header{z-index:20}
  .site-header nav{display:none;position:absolute;top:76px;left:0;right:0;margin:0;padding:24px 28px 28px;background:rgba(9,7,13,.98);border-top:1px solid rgba(255,255,255,.14);box-shadow:0 22px 48px rgba(0,0,0,.38);flex-direction:column;align-items:flex-start;gap:0}
  .site-header.is-menu-open nav{display:flex}
  .site-header nav a{width:100%;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:17px}
  .site-header nav a:last-child{border-bottom:0}
  .menu-toggle{position:relative;flex:0 0 46px;cursor:pointer}
  .menu-toggle span{position:absolute;left:12px;transition:transform .2s ease,opacity .2s ease}
  .menu-toggle span:first-child{transform:translateY(-4px)}
  .menu-toggle span:last-child{transform:translateY(4px)}
  .site-header.is-menu-open .menu-toggle span:first-child{transform:rotate(45deg)}
  .site-header.is-menu-open .menu-toggle span:last-child{transform:rotate(-45deg)}
}