.arc-brand-lockup {
  --arc-brand-text: var(--text, #eef4f6);
  --arc-brand-muted: var(--muted, var(--text-3, rgba(190, 202, 211, 0.78)));
  --arc-brand-accent: var(--green, #a8c7ac);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  color: var(--arc-brand-text);
  text-decoration: none;
}

.arc-brand-wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: 0.18em;
  line-height: 1;
  white-space: nowrap;
}

.arc-brand-mark {
  color: var(--arc-brand-accent);
  font-family: "JetBrains Mono", "IBM Plex Mono", "SF Mono", Monaco, monospace;
  font-weight: 600;
  letter-spacing: 0;
}

.arc-brand-word {
  color: var(--arc-brand-text);
  font-family: "Inter", "Manrope", "Sora", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: lowercase;
}

.arc-brand-subtag,
.arc-brand-promise {
  font-family: "JetBrains Mono", "IBM Plex Mono", "SF Mono", Monaco, monospace;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.16;
  text-transform: uppercase;
  white-space: nowrap;
}

.arc-brand-subtag {
  color: var(--arc-brand-muted);
}

.arc-brand-promise {
  color: color-mix(in oklab, var(--arc-brand-accent) 72%, var(--arc-brand-muted));
}

.arc-brand-lockup-nav {
  gap: 2px;
}

.arc-brand-lockup-nav .arc-brand-mark {
  font-size: 14px;
}

.arc-brand-lockup-nav .arc-brand-word {
  font-size: 20px;
}

.arc-brand-lockup-nav .arc-brand-subtag,
.arc-brand-lockup-nav .arc-brand-promise {
  font-size: 9px;
}

.arc-brand-lockup-full .arc-brand-mark {
  font-size: clamp(20px, 4vw, 36px);
}

.arc-brand-lockup-full .arc-brand-word {
  font-size: clamp(32px, 7vw, 56px);
}

.arc-brand-lockup-full .arc-brand-subtag,
.arc-brand-lockup-full .arc-brand-promise {
  font-size: clamp(10px, 1.5vw, 12px);
}

.arc-brand-lockup-doc .arc-brand-mark,
.arc-brand-lockup-flyer .arc-brand-mark {
  font-size: 14px;
}

.arc-brand-lockup-doc .arc-brand-word,
.arc-brand-lockup-flyer .arc-brand-word {
  font-size: 22px;
}

.arc-brand-lockup-doc .arc-brand-subtag,
.arc-brand-lockup-doc .arc-brand-promise,
.arc-brand-lockup-flyer .arc-brand-subtag,
.arc-brand-lockup-flyer .arc-brand-promise {
  font-size: 9px;
}

.arc-logo {
  display: inline-flex;
}