html[dir="rtl"] body { font-family: "IBM Plex Sans Arabic", system-ui, sans-serif; }
html[dir="rtl"], html[dir="rtl"] body { width: 100%; max-width: 100%; overflow-x: hidden; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] .brand-copy strong { font-family: "Noto Kufi Arabic", sans-serif; letter-spacing: -.045em; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { line-height: 1.35; }
html[dir="rtl"] h1 em, html[dir="rtl"] h2 em { font-family: "IBM Plex Sans Arabic", sans-serif; }
html[dir="rtl"] .eyebrow { letter-spacing: 0; }
html[dir="rtl"] .hero::after { right: auto; left: -80px; }
html[dir="rtl"] .hero-glow { left: auto; right: -200px; }
html[dir="rtl"] .orbit-one { right: auto; left: -21%; }
html[dir="rtl"] .orbit-two { right: auto; left: -3%; }
html[dir="rtl"] .service-card a { flex-direction: row; }
html[dir="rtl"] .accordion details p { padding: 0 0 24px 55px; }
html[dir="rtl"] .map-pattern i { left: auto; right: 58%; }
html[dir="rtl"] .line { left: auto; right: -10%; transform: rotate(15deg); }
html[dir="rtl"] .footer-meta { direction: rtl; }
@media (max-width: 960px) { html[dir="rtl"] .site-nav a { text-align: right; } }
@media (max-width: 720px) {
  html[dir="rtl"] .hero-copy { width: 100%; min-width: 0; }
  html[dir="rtl"] .hero h1 { max-width: 100%; font-size: clamp(2.2rem, 10vw, 3rem); overflow-wrap: normal; }
  html[dir="rtl"] .hero-intro { max-width: 100%; }
}