/* ===================================================================
   Tipografiya — sarlavha o'lchamlari va matn yordamchilari.
   =================================================================== */
.display    { font-family: var(--font-display); font-weight: 600; letter-spacing: -.015em; }
.h1         { font-size: clamp(28px, 4vw, var(--fs-2xl)); }
.h2         { font-size: var(--fs-xl); }
.h3         { font-size: var(--fs-lg); }
.h4         { font-size: var(--fs-md); }

.lede       { font-size: var(--fs-md); color: var(--ink-soft); max-width: 62ch; }
.muted      { color: var(--ink-soft); }
.faint      { color: var(--ink-faint); }
.small      { font-size: var(--fs-sm); }
.xs         { font-size: var(--fs-xs); }
.mono       { font-family: var(--font-mono); }
.nums       { font-variant-numeric: tabular-nums; }
.center     { text-align: center; }
.right      { text-align: right; }
.strong     { font-weight: 700; }

.eyebrow {
  display: inline-flex; align-items: center; gap: var(--sp-2);
  font-size: var(--fs-xs); font-weight: 800;
  letter-spacing: .09em; text-transform: uppercase;
  color: var(--gold-ink);
}

.section-title { display: flex; align-items: baseline; justify-content: space-between; gap: var(--sp-4); margin-bottom: var(--sp-5); }

/* Ekranda ko'rinmaydi, lekin skrinrider o'qiydi */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}