
@font-face { font-family: "Alexandria"; src: url("/assets/fonts/alexandria/alexandria-arabic.woff2") format("woff2"); font-weight: 100 500; font-style: normal; font-display: swap; size-adjust: 86%; unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: "Alexandria"; src: url("/assets/fonts/alexandria/alexandria-arabic.woff2") format("woff2"); font-weight: 600 900; font-style: normal; font-display: swap; size-adjust: 82%; unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
html[dir="rtl"] {
  --f-sans: "Alexandria", "Bricolage Grotesque", "Helvetica Neue", Arial, Tahoma, "Noto Sans Arabic", sans-serif;
}
html[dir="rtl"] body { font-weight: 400; line-height: 1.75; }
html[dir="rtl"] *, html[dir="rtl"] *::before, html[dir="rtl"] *::after { letter-spacing: normal !important; font-stretch: 100% !important; font-variation-settings: normal !important; }

html[dir="rtl"] h1 { font-weight: 900 !important; }

html[dir="rtl"] :is(.t-display, .service__name, .bridge, .step__title, .vword__text, .value__pair h3, .about__bigword, .stat__num, .post__num, .step-x__name,
  .plats li, .val-plus h3, .proc-ads__item h3, .bb__aa, .bv-aa, .pj-hero__count dd, .work--l4 .work__title, .rc-res-range, .mmenu li a, .mm-acc__btn,
  .drawer__title, h2, h3, h4) { font-weight: 700; text-transform: none; }

html[dir="rtl"] :is(.btn, .link-more, .nav__menu a, .nav__cta, .credits__col h3, .credits__endlabel, .voices__count, .index__name,
  .mega__n, .mega__t, .dfield label, .dfield legend, .rc-label, .rc-step__n, .rc-step__t, .pj-filter__btn, .bg-cat) { font-weight: 500; }

html[dir="rtl"] :is(.t-display, .service__name, .bridge, .step__title, .vword__text, .value__pair h3, .about__bigword, .stat__num, .step-x__name, .val-plus h3,
  .proc-ads__item h3, .work--l4 .work__title, .mmenu li a) { line-height: 1.32; }
html[dir="rtl"] .line { padding: .26em 0 .2em; margin: -.26em 0 -.2em; }
html[dir="rtl"] :is(h1, h2, h3) { line-height: 1.3; }
html[dir="rtl"] :is(p, li, dd, .lead) { line-height: 1.85; }

html[dir="rtl"] :is(.rail, .hero__timeline, .hero__tc, .trust__tc, .process__timeline, .process__playhead, .process__tc, .process__track, .tl, .tlx, .proc-vsl__tl, .ap-ph__tl,
  .vo__lane, .vo__wave, .vo__playhead, .epslate__wave, .step__wave, .tmarq__track, .ap-trust__marquee, .marquee, .vf__tc, .credits__endtc, .project__tc,
  .cs-sec__tc, .tl__ruler, .tlx__ruler) { direction: ltr; }
html[dir="rtl"] :is(.tl__clip, .tlx__clip, .tl__lbl, .step__clip, .proc-layers__clip) { direction: rtl; }
html[dir="rtl"] .process__track .step { direction: rtl; }

html[dir="rtl"] :is(.voices__btn i, .pvc__btn i) { transform: scaleX(-1); }
html[dir="rtl"] .sl__arrow svg { transform: scaleX(-1); margin-inline: 2px 0; }
html[dir="rtl"] .sl__arrow--prev svg { transform: none; margin-inline: 0 2px; }
html[dir="rtl"] .mega__arrow { transform: translateX(6px) scaleX(-1); }
html[dir="rtl"] .mega__item:hover .mega__arrow, html[dir="rtl"] .mega__item:focus-visible .mega__arrow { transform: scaleX(-1); }
html[dir="rtl"] .cs-crumbs a::before { transform: scaleX(-1); }
html[dir="rtl"] .sd-hero .sv-crumbs a::before { transform: scaleX(-1); }
html[dir="rtl"] :is(.btn--solid span, .link-more, .mega__all, .bg-follow__btn.btn--line span)::before,
html[dir="rtl"] :is(.bg-feat__go, .bg-card__go, .ar-author__link) i,
html[dir="rtl"] :is(.sheet__go, .extra__go)::before,
html[dir="rtl"] .pj-works--creative .work__link::after { transform: scaleX(-1); }

html[dir="rtl"] :is(input, textarea, select) { text-align: start; }
html[dir="rtl"] :is(input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[inputmode="decimal"], input[inputmode="numeric"]) { direction: ltr; text-align: left; }
html[dir="rtl"] :is(input[type="email"], input[type="url"], input[type="tel"], input[type="number"])::placeholder { text-align: right; direction: rtl; }
html[dir="rtl"] :is(.rc-num, .rc-unit, .rc-money, .rc-res-range, .rc-res-rate, .rc-kv dd, .rs-prev__out, [data-rs-prev-out], [data-rs-prev-rate], [data-rs-prev-day]) { unicode-bidi: plaintext; }

html[dir="rtl"] .ar p, html[dir="rtl"] .ar li { text-align: start; }
html[dir="rtl"] .ar-body p, html[dir="rtl"] .ar-lede { line-height: 2; }

html[dir="rtl"] .hero__title { font-size: clamp(2.9rem, 6.4vw, 8rem); line-height: 1.16; }
html[dir="rtl"] .hero__title .line:nth-child(2) { margin-inline-start: 0; margin-inline-end: 4vw; }
html[dir="rtl"] bdi[dir="ltr"] { unicode-bidi: isolate; }

html[dir="rtl"] .drawer__panel { inset-inline: auto; right: 0; left: auto; border-inline-start: 0; border-left: 1px solid rgba(245, 245, 242, .1); }

html[dir="rtl"] :is(.voices__count, .pvc__count, .sl__count, .sl__cur, .pj-hero__count, .stat__num, .rail__tc, .hero__tc, .trust__tc, .process__tc, .rc-step__num, .mega__num) { direction: ltr; unicode-bidi: isolate; }

html[dir="rtl"] .ap-hero__pt { right: auto; left: 0; }

html[dir="rtl"] .ap-edit__text { padding-inline-start: calc(var(--rail) + var(--gutter)); padding-inline-end: 0; }

html[dir="rtl"] .credits__wordmark, html[dir="rtl"] .credits__wordmark text { direction: ltr; unicode-bidi: isolate; }

html[dir="rtl"][lang^="ar"] body .scene--reels .reels__title { letter-spacing: normal !important; }
