html, body, button, input, select, textarea {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body {
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: var(--ink, #0A0A0A) !important;
}


h1, .h1, .hero h1, .hero-title, .bn__h1, .detail-head__h1 {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: clamp(32px, 4.2vw, 52px) !important;
  font-weight: 600 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.025em !important;
  margin-top: 0 !important;
}

h2, .h2, .block__h2, .section-h2, .ba-h2, .results-h2 {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: clamp(24px, 2.6vw, 36px) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
  margin-top: 0 !important;
}

h3, .h3 {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: clamp(18px, 1.4vw, 22px) !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.012em !important;
  margin-top: 0 !important;
}

h4, .h4 {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.008em !important;
  margin-top: 0 !important;
}

h5, .h5 {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.005em !important;
  margin-top: 0 !important;
}

h6, .h6 {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  margin-top: 0 !important;
}


p {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}


.lead, .hero-lead, .hero-sub, .detail-head__sub, .ask__lead, .case-hero__lead {
  font-size: 17px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}


.eyebrow, .mono, .card__cat, .case-hero__eyebrow, .case-cover__name,
.cat-tag, .filters__lbl, .case__year, .case__cover-mono {
  font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}


.btn, button.btn, a.btn {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  line-height: 1 !important;
}
.btn-lg, .btn.btn-lg { font-size: 15px !important; height: 48px !important; padding: 0 22px !important; }
.btn-sm, .btn.btn-sm { font-size: 13.5px !important; height: 36px !important; padding: 0 14px !important; }


.hero h1 em, .bn__h1 em, h1 em, h2 em, .h1 em, .h2 em,
.italic-accent, .shine, .gradient-text, .accent {
  font-style: italic !important;
  font-weight: 400 !important;
}


.bn__num, .stat .big, .case-bigmetric__num, .hero__stat .num {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: clamp(48px, 5vw, 72px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  line-height: 1 !important;
}


a { font-family: inherit; }


@media (max-width: 720px) {
  body { font-size: 15.5px !important; }
  p { font-size: 15.5px !important; }
  .lead, .hero-lead, .hero-sub { font-size: 16px !important; }
}