:root { --display: "Cairo", "Montserrat", sans-serif; --body: "Cairo", "Montserrat", sans-serif; --mono: "Cairo", "Montserrat", sans-serif; }
[dir="rtl"] body, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] p, [dir="rtl"] b, [dir="rtl"] span, [dir="rtl"] small, [dir="rtl"] a { letter-spacing: 0 !important; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { line-height: 1.3; }
[dir="rtl"] p, [dir="rtl"] .fc-rest .since { line-height: 1.8; }
[dir="rtl"] .top nav { direction: rtl; }
[dir="rtl"] .skip { left: auto; right: 16px; }
[dir="rtl"] .hero-copy.first { left: auto; right: 6vw; }
[dir="rtl"].static .hero-copy.first, .static[dir="rtl"] .hero-copy.first { right: auto; }
[dir="rtl"] .top-end { direction: rtl; }
[dir="rtl"] .panel.intro { padding: 0 6vw 0 4vw; }
[dir="rtl"] .screen .txt { padding: 12vh 6vw 8vh 4vw; }
[dir="rtl"] .card img { object-position: right; }
[dir="rtl"] .screen .n, [dir="rtl"] .since b { font-family: "Montserrat", sans-serif; }
[dir="rtl"] em { text-underline-offset: .32em; }
[dir="rtl"] .facts-copy .facts-title { font-size: clamp(2rem, 3.9vw, 4rem); line-height: 1.3; }
[dir="rtl"] .facts-title .ul { line-height: 1.35; }
