@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/cairo-variable.ttf) format('truetype');
}
/* Sculpted Arabic letterforms distinguish the copper heading accents. */
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/el-messiri-600.ttf) format('truetype');
}
/* Arabic has its own letterforms and leading; never space connected letters. */
html[lang='ar'] body { font-family: 'Cairo', 'Lato', sans-serif; }
[lang='ar'] .pc { --fb: 'Cairo'; line-height: 1.8; }
[lang='ar'] .pc * { letter-spacing: normal !important; }
[lang='ar'] h1 { line-height: 1.5 !important; }
[lang='ar'] h1 .accent-word { font-family: 'El Messiri', sans-serif; font-weight: 600; font-size: 1em; }
[lang='ar'] .h2 { line-height: 1.55; }
[lang='ar'] .eyebrow { font-size: 14px; }
[lang='ar'] .btn { padding-block: 10px; line-height: 1.6; }
[lang='ar'] .topnav > .glass { padding: 8px 24px 8px 8px !important; }
[lang='ar'] .topnav .btn { padding-block: 6px; }
[lang='ar'] .hero-stats .v { line-height: 1.4; }
[lang='ar'] .hero-stats .l { line-height: 1.8; }
[lang='ar'] .btn svg, [lang='ar'] .arrow svg { transform: scaleX(-1); }
[lang='ar'] .flow { transform: scaleX(-1); }
[lang='ar'] .rail-fill { transform-origin: right; }
[lang='ar'] .field input[type='email'], [lang='ar'] .field input[type='tel'] { text-align: right; }
[lang='ar'] .field textarea { line-height: 1.8; }
[lang='ar'] .field select { direction: ltr; text-align: right; }
/* Keep the geometry and logo artwork intact while mirroring the content flow. */
[lang='ar'] .wall-plane, [lang='ar'] .ostage { direction: ltr; }
[lang='ar'] .ocore, [lang='ar'] .wall-card { direction: rtl; }
[lang='ar'] .skip-link { left: auto; right: 16px; }
@media (max-width: 760px) {
  [lang='ar'] .topnav > .glass { padding: 8px 12px 8px 8px !important; }
  [lang='ar'] .topnav .navlink { font-size: 13px; padding-inline: 8px; }
  [lang='ar'] .topnav .btn { font-size: 13px !important; padding-inline: 10px !important; }
  [lang='ar'] .topnav .mobile-toggle { font-size: 12px; padding-inline: 4px; }
  [lang='ar'] .topnav .logo-c, [lang='ar'] .topnav .logo-w { height: 20px !important; }
  [lang='ar'] .hero-card > .wrap { padding-top: 146px !important; }
  [lang='ar'] h1 { font-size: clamp(32px, 8vw, 45px) !important; }
  [lang='ar'] .wall-card { padding: 30px 24px; }
}
[lang='ar'] .hero-shade { --hd: 270deg; }
[lang='ar'] .hero-bg { transform: scaleX(-1); }
[lang='ar'] .hero-stats .v { white-space: nowrap; font-size: clamp(27px, 2.7vw, 38px); }
[lang='ar'] .hero-stats .stat-unit { font-size: .65em; }