/* Spiritual Gorillaz 1.0.6 — final navigation sizing and mobile disclosure rules. */
@media (min-width: 1181px) {
  .site-header .public-nav { gap: clamp(22px, 1.7vw, 34px) !important; }
  .site-header .public-nav > a {
    font-size: 13px !important;
    letter-spacing: .10em !important;
  }
  .site-header .public-nav .nav-book { font-size: 12px !important; }
}
@media (min-width: 821px) and (max-width: 1180px) {
  .site-header .public-nav > a { font-size: 11px !important; }
}
@media (max-width: 820px) {
  .site-header .nav-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 13px;
    border: 1px solid #31556d;
    background: #07141e;
    color: #f7f2e8;
  }
  .site-header .public-nav {
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    max-height: var(--menu-max-height, calc(100vh - 112px));
    overflow-y: auto;
    background: rgba(3,14,22,.99) !important;
    border: 1px solid #365b72 !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.72);
    z-index: 1250;
  }
  .site-header .public-nav.is-open { display: flex !important; }
  .site-header .public-nav > a { width: 100%; }
  .site-header .public-nav .nav-book { margin-top: 6px; }
  .music-hero::before,
  .merch-heading::before { display: none !important; }
}