@font-face {
  font-family: KahierNunito;
  src: url('/assets/nunito-latin-900.woff2') format('woff2');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

/* Shared wordmark: the pencil forms the i, including at mobile sizes. */
.logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 44px;
  color: var(--kt-243a32);
  text-decoration: none;
}
.site-header .logo { margin-left: 0; }
.brand-wordmark {
  display: inline-flex;
  align-items: baseline;
  font-family: KahierNunito, Roboto, Arial, sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.046em;
  white-space: nowrap;
}
.brand-pencil {
  position: relative;
  display: inline-block;
  align-self: center;
  width: .19em;
  height: .64em;
  margin: 0 .02em 0 .055em;
  top: .055em;
}
.brand-pencil::before {
  content: '';
  position: absolute;
  top: -.075em;
  left: 50%;
  width: .11em;
  height: .11em;
  border-radius: 50%;
  background: var(--ks-bf624a);
  transform: translateX(-50%);
}
.logo .brand-pencil img,
.site-header .logo .brand-pencil img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .53em;
  height: .53em;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.brand-dot { color: var(--kt-bf624a); margin-left: 1px; }
@media (max-width: 759px) {
  .brand-wordmark { font-size: 30px; }
}
@media (max-width: 359px) {
  .header-nav .phone { display: none; }
}