(orientation: portrait) and (min-width: 720px) {
  .logo.compact .logo__menu-button {
    display: none;
  }
}
@media screen and (max-width: 1199px) and (orientation: portrait) {
  .logo.compact .logo__menu {
    grid-column: 2/-1;
    grid-row: 1/2;
    margin: 0;
    justify-content: flex-end;
  }
  .logo.compact .logo__menu[hidden] {
    display: none;
  }
}
@media screen and (max-width: 1199px) and (orientation: portrait) and (min-width: 720px) {
  .logo.compact .logo__menu {
    display: flex;
  }
}

.