@font-face {
  font-family: Bombing;
  src: url('/resource/bombing-regular/Bombing%20Regular/Bombing%20Regular.ttf?v=3') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.kv-brand-lockup {
  --kv-brand-green: #27bd69;
  --kv-brand-red: #ef3941;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.kv-brand-lockup > .kv-brand-logo {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  object-fit: contain;
  flex: 0 0 auto;
}

.kv-wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  font-family: Bombing, Impact, Outfit, sans-serif !important;
  font-size: 1.55rem;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: .82;
  letter-spacing: .075em;
  text-transform: uppercase;
  white-space: nowrap;
}

.kv-wordmark__green { color: var(--kv-brand-green) !important; }
.kv-wordmark__red { color: var(--kv-brand-red) !important; }
.kv-wordmark__space { width: .48em; }

.kv-brand-lockup--compact { gap: .5rem; }
.kv-brand-lockup--compact > .kv-brand-logo { width: 2.25rem; height: 2.25rem; }
.kv-brand-lockup--compact .kv-wordmark { font-size: 1.25rem; }

@media (max-width: 520px) {
  .kv-brand-lockup > .kv-brand-logo { width: 2.3rem; height: 2.3rem; }
  .kv-brand-lockup .kv-wordmark { font-size: 1.12rem; }
}