/* A single brand lockup: vector lettering followed by its readable signature. */
.wordmark.brand-lockup { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; text-decoration: none; }
.brand-signature { display: flex; flex-direction: column; gap: 1px; width: 100%; padding-top: 5px; border-top: 1px solid #d9d1ee; color: #53398a; font: 550 13px/1.35 Onest, Arial, sans-serif; letter-spacing: .005em; }
.brand-signature > span, .brand-signature > strong { display: block; white-space: nowrap; }
.brand-signature strong { font-weight: 650; color: #2323ff; }
.site-header, .site-header.is-scrolled { height: 124px; }
.site-header .wordmark.brand-lockup { --brand-logo-width: 184px; min-width: 170px; flex-shrink: 0; }
.footer-wordmark.brand-lockup { --brand-logo-width: 216px; }
.footer-wordmark .brand-signature { padding-top: 7px; font-size: 15px; }
@media (min-width: 761px) { html { scroll-padding-top: 140px; } }
@media (max-width: 760px) {
  .site-header, .site-header.is-scrolled { height: 112px; }
  .site-header .wordmark.brand-lockup { --brand-logo-width: 164px; min-width: 156px; }
  .site-header .brand-signature { font-size: 12.5px; }
  body.menu-open { padding-top: 112px; }
  .mobile-nav, .site-header.is-scrolled + .mobile-nav { top: 112px; max-height: calc(100dvh - 112px); }
  .footer-wordmark.brand-lockup { --brand-logo-width: 200px; }
  .footer-wordmark .brand-signature { font-size: 14px; }
}
@media (max-width: 360px) {
  .site-header .wordmark.brand-lockup { --brand-logo-width: 156px; min-width: 156px; }
  .site-header .brand-signature { font-size: 12px; }
}