@media (max-width: 760px) {
  body.menu-open { overflow: hidden; }
  .header.scrolled {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .header nav {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    min-height: 100vh;
    padding: 90px 24px 36px;
    justify-content: flex-start;
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 40;
  }
  .header nav a {
    width: min(100%, 420px);
    padding: 14px 6px;
    border-bottom: 1px solid rgba(255,255,255,.15);
    font-size: 16px;
  }
  .header .menu {
    position: relative;
    z-index: 41;
    width: 44px;
    height: 44px;
    place-content: center;
  }
  .menu span { transition: transform .25s; }
  .menu.open span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu.open span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
}