.noura-wordmark {
  display: inline-block;
  width: 112px;
  aspect-ratio: 440 / 83;
  flex: 0 0 auto;
  color: currentColor;
  background: currentColor;
  -webkit-mask: url("./noura-wordmark.png") center / contain no-repeat;
  mask: url("./noura-wordmark.png") center / contain no-repeat;
}

.noura-wordmark--small { width: 84px; }
.noura-wordmark--nav { width: 96px; }
.noura-wordmark--large { width: min(184px, 44vw); }
.noura-wordmark--light { color: #f8f4ec; }
.noura-wordmark--ink { color: #1a1f26; }
.noura-wordmark--teal { color: #0f766e; }

.noura-wordmark-tile {
  width: 128px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  color: var(--ink, #1a1f26);
}

body {
  letter-spacing: 0;
}

body :where(h1, h2, h3, h4, h5, h6, p, li, label, input, button, textarea, select, small, strong, span, a),
body :where(.t-display, .t-h2, .t-h3, .t-lede, .grad-text, .noura-voice, .hero-sub, .quick-copy, .quick-status, .mode-copy, .mode-card-next, .agent-copy, .client-meta, .command-section-note, .setup-panel-copy, .reporting-gate-copy, .kpi-sub, .presence-text) {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-style: normal;
  letter-spacing: 0;
}

body :where(em, i, .grad-text, .noura-voice) {
  font-style: normal;
}

.noura-brand-pair {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.noura-brand-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.noura-brand-copy strong {
  font-size: 14px;
  font-weight: 650;
}

.noura-brand-copy span {
  font-size: 12px;
  color: var(--muted, rgba(26,31,38,.64));
}
