.drawer {
  z-index: 25;
  justify-content: flex-start;
  overflow-y: auto;
  padding: 105px 9vw 45px;
}

body.drawer-open { overflow: hidden; }

.drawer a {
  flex: 0 0 auto;
  padding: 14px 4px;
  font-size: clamp(25px, 2.6vw, 42px);
  line-height: 1.15;
}

body:has(.drawer.on) > header {
  z-index: 30;
  mix-blend-mode: normal;
  background: transparent;
}

body:has(.drawer.on) > header small,
body:has(.drawer.on) > header .member-actions,
body:has(.drawer.on) > header .search-link {
  visibility: hidden;
}

body:has(.drawer.on) > header .logo {
  visibility: visible;
  color: #fff;
}

body:has(.drawer.on) > header .logo b {
  color: #d9f45a;
}

body:has(.drawer.on) > header .menu {
  visibility: visible;
  margin-left: auto;
}

@media (max-width: 800px) {
  .drawer {
    padding: 88px 20px 35px;
  }

  .drawer a {
    padding: 11px 3px;
    font-size: 25px;
  }

  .drawer .drawer-member {
    margin-top: 20px;
  }

  .drawer .drawer-member a {
    padding: 9px 13px;
    font-size: 14px;
  }
}