/* ==========================================================================
   Homepage typography (index.html, index-en.html and the Manrope trial
   pages): Manrope for headings and figures, Inter for everything else.
   Loaded after home-v10.css; case pages use fonts-manrope.css. Manrope is a geometric grotesque with Cyrillic and
   a large x-height; heavy weights hold up well on the gradient
   ========================================================================== */
:root{
  --font-display: 'Manrope', 'Inter', system-ui, sans-serif;
  --font-accent: 'Manrope', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', -apple-system, system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
}
body{ font-family: var(--font-body); }

.hero-title, .hero-glow .hero-copy .hero-title,
.section-title, .case-card h3, .postcard h3, .contact-title,
.kpi b, .exp-company, .case-metrics b, .nav-name{
  font-variation-settings: normal;
}
.hero-glow .hero-copy .hero-title{ font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; }
@media (min-width: 901px){
  .hero-glow .hero-copy .hero-title{ font-size: clamp(42px, 4.6vw, 84px); }
}
.section-title{ font-weight: 800; letter-spacing: -0.035em; }
.case-card h3, .contact-title, .postcard h3{ font-weight: 700; letter-spacing: -0.025em; }
.kpi b{ font-weight: 800; letter-spacing: -0.03em; }
.exp-company, .nav-name{ font-weight: 700; }
.contact-mail{ font-family: var(--font-body); font-weight: 500; letter-spacing: -0.02em; }
.hero-lead em{ font-weight: 600; }