/* App wordmark, scaled for website navigation rather than an in-app caption. */
.wordmark,
.header .wordmark,
.brand,
.brand a,
.checkout-wordmark span,
.footer-brand-block strong {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 2.6px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #d4dff0;
}
.wordmark img,
.brand-mark,
.checkout-mark {
  width: 36px;
  height: 36px;
  border-radius: 10px;
}
.wordmark,
.brand a,
.checkout-wordmark {
  gap: 12px;
}
.footer .wordmark,
.footer-brand-block strong {
  font-size: 14px;
  letter-spacing: 2px;
}
@media (max-width: 760px) {
  .header .wordmark,
  .brand,
  .brand a,
  .checkout-wordmark span {
    font-size: 15px;
    letter-spacing: 2px;
  }
  .header .wordmark img,
  .brand-mark,
  .checkout-mark {
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }
  .header .wordmark,
  .brand a,
  .checkout-wordmark {
    gap: 10px;
  }
}
@media (max-width: 360px) {
  .header .wordmark,
  .brand,
  .brand a {
    font-size: 14px;
    letter-spacing: 1.8px;
  }
}
@media (max-width: 360px) {
  .menu-toggle { font-size: 0; width: 44px; height: 44px; padding: 10px; }
  .menu-toggle span { font-size: 16px; margin: 0; }
}