/* Locally hosted faces keep identity consistent in the showroom and both desks. */
@font-face {
  font-family: "Archivo Black";
  src: url("/fonts/archivo-black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard Variable";
  src: url("/fonts/pretendard-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --h2-blue: #1010ad;
  --h2-blue-strong: #09097d;
  --h2-ink: #11121a;
  --h2-mist: #f4f5f8;
  --h2-silver: #d9dce4;
  --h2-body: "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --h2-display: "Archivo Black", var(--h2-body);
  --brand-accent: var(--h2-blue);
  --brand-deep: var(--h2-blue-strong);
  --brand-tint: #eef1ff;
  --brand-line: #c9ceeb;
}

.wordmark #brand,
.brand [data-brand],
.footer-inner strong[lang="en"] {
  font-family: var(--h2-display);
  font-style: normal;
  font-weight: 900;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: -.045em;
  word-spacing: .02em;
  color: var(--h2-blue);
}
@media (max-width: 680px) {
  .wordmark #brand, .brand [data-brand] { font-size: 1.08rem; }
}