/* Four shared routes, with room for the original one-piece brand. */
.site-nav a {
  white-space: nowrap;
}

@media (min-width: 801px) and (max-width: 1000px) {
  .header-cta {
    display: none;
  }
}

@media (max-width: 800px) {
  .site-nav,
  html.has-js .site-nav.is-open {
    padding-inline-start: calc(var(--header-brand-width) * 232 / 1239);
  }
}

@media (max-width: 600px) {
  .site-nav,
  html.has-js .site-nav.is-open {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: space-between;
    gap: 16px 18px;
    padding-block: 16px 8px;
  }
}