.brand .brand-lockup { display: block; }
.brand .brand-wordmark {
  display: block;
  color: #e7e4fb;
  font-weight: 510;
  line-height: 1;
  letter-spacing: -.052em;
  white-space: nowrap;
}
.brand-wordmark strong { color: #faf8ff; font-weight: 710; }
.brand .brand-sm {
  display: inline-block;
  margin-inline-start: .24em;
  vertical-align: .14em;
  color: #a4dfff;
  font: 650 .62em/1 system-ui, sans-serif;
  letter-spacing: 0;
}
.nav .brand .brand-mark { width: 40px; height: 40px; }
.footer .brand .brand-wordmark { font-size: clamp(20px,2.1vw,26px); }

@media (min-width: 641px) and (max-width: 760px) {
  .header .nav {
    grid-template-columns: 1fr auto;
    gap: 10px;
    padding-block: 12px 8px;
  }
  .header .nav nav {
    grid-row: 2;
    grid-column: 1 / -1;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .nav .brand .brand-mark { width: 32px; height: 32px; }
}

@media (max-width: 355px) {
  .nav .brand .brand-wordmark, .header-row .brand .brand-wordmark { font-size: 18px; }
}