/* Keep the navigation toggle and panel on the same breakpoint. The full
   desktop navigation needs at least 1280px to clear the logo and contact CTA. */
@media (max-width: 1279.98px) {
  .site-header-demo > div:first-child {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
  .site-header-demo > div:first-child > nav,
  .site-header-demo > div:first-child > div,
  .site-header-demo [aria-label="Open contact panel"] {
    display: none !important;
  }
  .site-header-demo [aria-label="Toggle navigation"] {
    display: grid !important;
  }
  .site-header-demo > div[id] {
    display: block !important;
    /* Reserve room for the contact strip and header, even before scrolling. */
    max-height: calc(100vh - 160px);
    max-height: calc(100dvh - 160px);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    background: var(--background, #080808);
  }
  .site-header-demo > div[id] nav a,
  .site-header-demo > div[id] nav button {
    min-height: 44px;
  }
}
@media (min-width: 1280px) {
  .site-header-demo > div[id] {
    display: none !important;
  }
}