@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap'); /* Arabic / right-to-left — only active when */ html[dir="rtl"] body, html[dir="rtl"] .serif, html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] .fbig, html[dir="rtl"] .prc-head h2, html[dir="rtl"] .ct-left h2, html[dir="rtl"] .prc-tier, html[dir="rtl"] .prc-price, html[dir="rtl"] .proc-head h2, html[dir="rtl"] .proc-card h3, html[dir="rtl"] #introLogo, html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select, html[dir="rtl"] button{ font-family:'Tajawal','Inter',sans-serif !important; font-style:normal !important; } /* fixed / absolutely positioned elements mirror */ html[dir="rtl"] .cta-widget{left:auto;right:24px;} html[dir="rtl"] .cta-panel{left:auto;right:0;transform-origin:bottom right;} html[dir="rtl"] .cta-pill{transform-origin:bottom right;} html[dir="rtl"] .scrollcue{right:auto;left:46px;} html[dir="rtl"] .caption{} /* nav rounded-cluster offsets flip to the correct edges */ html[dir="rtl"] .nleft{margin-left:0;margin-right:-20px;} html[dir="rtl"] .nbtn{margin-right:0;margin-left:-20px;} /* directional arrows point the right way in RTL */ html[dir="rtl"] .nbtn .arr, html[dir="rtl"] .hbtn .arr, html[dir="rtl"] .fbtn span, html[dir="rtl"] .prc-cta .arr, html[dir="rtl"] .cta-input button{ display:inline-flex; transform:scaleX(-1); } /* keep prices / latin numerals left-to-right inside RTL text */ html[dir="rtl"] .prc-price, html[dir="rtl"] .prc-price small{ direction:ltr; text-align:right; } /* form fields read right-to-left */ html[dir="rtl"] .uline input, html[dir="rtl"] .uline textarea{ text-align:right; } html[dir="rtl"] .phone-row{ flex-direction:row-reverse; } /* footer + general blocks already inherit text direction from */ html[dir="rtl"] .prc-line, html[dir="rtl"] .prc-sub, html[dir="rtl"] .hsub{ text-align:center; } /* Where We Work gallery: keep the horizontal track LTR so the scrub reveals the paintings correctly (RTL reversed the order into an empty wall), but let the Arabic text inside each plaque/intro read right-to-left. */ html[dir="rtl"] .gallery-track{ direction:ltr; } html[dir="rtl"] .gallery-track .g-intro, html[dir="rtl"] .gallery-track .plaque{ direction:rtl; text-align:right; } /* stronger: force the ENTIRE Where We Work section to English (LTR) layout, so the track box left-aligns and the scrub matches English exactly. */ html[dir="rtl"] #countries, html[dir="rtl"] .gallery, html[dir="rtl"] .gallery-sticky, html[dir="rtl"] .gallery-track{ direction:ltr !important; } html[dir="rtl"] .gallery-track .g-intro, html[dir="rtl"] .gallery-track .plaque{ direction:rtl; text-align:right; } /* Arabic is cursive — letters must connect. Kill letter-spacing that English uses for tracking, which in Arabic creates ugly gaps between joined letters. */ html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] p, html[dir="rtl"] a, html[dir="rtl"] span, html[dir="rtl"] li, html[dir="rtl"] button, html[dir="rtl"] label, html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select, html[dir="rtl"] .eyebrow, html[dir="rtl"] .navlink, html[dir="rtl"] .label, html[dir="rtl"] .prc-eyebrow, html[dir="rtl"] .g-eyebrow, html[dir="rtl"] .pc-num, html[dir="rtl"] .prc-tier, html[dir="rtl"] .cta-name, html[dir="rtl"] .fcol h5, html[dir="rtl"] .dcol h5{ letter-spacing:normal !important; } /* keep the Latin wordmark's tracking */ html[dir="rtl"] .logo{ letter-spacing:.16em !important; }