/*
** .header
*/

.header__inner {
  height: 9rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.header__site-name img {
  max-height: 7rem;
}


/*
** #menu-toggle
*/

#menu-toggle {
  width: 7rem;
  height: 7rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.header__menu.open #menu-toggle span:nth-child(1) {
  transform: translateY(1.35rem) rotateZ(35deg);
  -webkit-transform: translateY(1.35rem) rotateZ(35deg);
  -ms-transform: translateY(1.35rem) rotateZ(35deg);
}

.header__menu.open #menu-toggle span:nth-child(3) {
  transform: translateY(-1.35rem) rotateZ(-35deg);
  -webkit-transform: translateY(-1.35rem) rotateZ(-35deg);
  -ms-transform: translateY(-1.35rem) rotateZ(-35deg);
}


/*
** .header__drawer
*/

.header__drawer {
  top: 9rem;
  width: fit-content;
  height: calc(100vh - 9rem);
}

.header__drawer::after {
  content: '';
  position: absolute;
  top: 0;
  left: -1rem;
  z-index: -1;
  display: block;
  width: 1rem;
  height: 100%;
  background-image: linear-gradient(90deg, transparent, #0000000d);
}

.header__drawer-inner {
  width: fit-content;
}

.header__global-menu {
  grid-template-columns: minmax(20em, auto);
  grid-row-gap: 3em;
  font-size: 1.5em;
}

.header__global-menu .menu-item {
  max-width: 90vw;
}