/* Bilingual typography: compact, technical English and clear Arabic reading. */
:root {
  --font-ar: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
  --font-en: "Manrope", Arial, Helvetica, sans-serif;
}

body, .ar, .ar-text, [lang="ar"] {
  font-family: var(--font-ar);
}

.en, .en-text, [lang="en"], .kicker, .source-page, .number, .footer-note {
  font-family: var(--font-en);
}

.ar, .ar-text { letter-spacing: 0; }
.en, .en-text { letter-spacing: -.015em; }

.home-copy h1, .page-hero h1 .ar, .section-title h2,
.src.ar-text.title, .service-card h3, .portfolio h3,
.contact-box h2, .cta h2 {
  font-family: var(--font-ar);
  font-weight: 700;
  line-height: 1.38;
}

.home-copy h2, .page-hero h1 .en, .section-title h3,
.src.en-text.title, .service-card h4, .portfolio h4,
.contact-box h3, .cta h3 {
  font-family: var(--font-en);
  font-weight: 700;
  line-height: 1.3;
}

.src.ar-text.body, .section-title p.ar, .contact-box > p.ar {
  line-height: 1.9;
  font-weight: 400;
}

.src.en-text.body, .section-title p.en, .contact-box > p.en {
  line-height: 1.75;
  font-weight: 400;
}

.nav-links .ar, .footer h4 .ar { font-weight: 600; }
.nav-links .en, .footer h4 .en { font-weight: 600; }

@media (max-width: 640px) {
  .home-copy h1 { line-height: 1.4; }
  .page-hero h1 .ar { line-height: 1.3; }
}