/* Supplied on-dark wordmark includes its own tagline. */
.site-header .brand { width:210px; flex:0 0 auto; }
.site-header .brand .brand-logo.header-wordmark { display:block; width:100%; height:auto; margin:0; }
@media (max-width:660px) { .site-header .brand { width:178px; } }

/* Give the wordmark more room in the desktop menu bar. */
@media (min-width:1024px) {
  .site-header .desktop-nav > a { font-size:11px; letter-spacing:.18em; }
}

/* Keep laptop and desktop navigation horizontal, including after a mobile resize. */
@media (min-width:1024px) {
  .site-header .menu-button { display:none; }
  .site-header .desktop-nav,
  .site-header .desktop-nav.open {
    display:flex; position:static; inset:auto; flex-direction:row;
    align-items:center; justify-content:flex-end; flex-wrap:nowrap;
    z-index:auto; background:transparent!important; color:inherit!important;
    gap:14px; overflow:visible; padding:0;
  }
  .site-header .desktop-nav > a,
  .site-header .desktop-nav.open > a:not(.button) {
    font-family:var(--sans); font-size:11px; font-weight:500;
    letter-spacing:.18em; line-height:1.6; text-transform:uppercase; white-space:nowrap;
  }
}
@media (min-width:1024px) and (max-width:1199px) {
  .site-header .nav-shell { width:100%; padding-inline:24px; gap:20px; }
  .site-header .brand { width:180px; }
  .site-header .desktop-nav,
  .site-header .desktop-nav.open { gap:10px; }
  .site-header .desktop-nav > a,
  .site-header .desktop-nav.open > a:not(.button) { font-size:10px; letter-spacing:.08em; }
  .site-header .desktop-nav > .button { padding:16px 14px; }
}