/* The primary navigation carries the full brand signature. */
.site-header .brand { gap: .76rem; font-size: 1.28rem; font-weight: 820; letter-spacing: .012em; }
.site-header .brand-mark { width: 52px; height: 52px; }

@media (max-width: 480px) {
  .site-header .brand { gap: .62rem; font-size: 1.14rem; letter-spacing: .006em; }
  .site-header .brand-mark { width: 44px; height: 44px; }
}

@media (max-width: 820px) {
  .mobile-language { display: grid; gap: 7px; padding: 8px 8px 10px; border-bottom: 1px solid #eae5dc; }
  .mobile-language-label { color: #655f56; font-size: .72rem; font-weight: 780; letter-spacing: .04em; text-transform: uppercase; }
  .mobile-language-options { display: grid; grid-template-columns: 1fr 1fr; min-height: 44px; overflow: hidden; border: 1px solid #d8d4cd; border-radius: 10px; background: #f6f3ee; }
  .mobile-language-options button, .mobile-language-options .is-current { display: grid; place-items: center; min-width: 0; min-height: 42px; padding: 7px; border: 0; border-radius: 8px; font-size: .84rem; font-weight: 760; line-height: 1.1; }
  .mobile-language-options button { background: transparent; color: #4f4a43; cursor: pointer; box-shadow: none; }
  .mobile-language-options button:hover { background: #fff; color: #201f1c; transform: none; }
  .mobile-language-options .is-current { margin: 2px; background: #201f1c; color: #fff; }
}