/* The English stylesheet owns layout, colors, sections, assets and motion.
   These are directional/typographic adaptations, not a second page design. */
html[dir=rtl] {scroll-behavior:smooth}
html[dir=rtl] body {font-family:E8Arabic,Tahoma,Arial,sans-serif;letter-spacing:0;--display:E8Arabic,Tahoma,Arial,sans-serif;--mono:E8Arabic,Tahoma,Arial,sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] p,html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select,html[dir=rtl] label,html[dir=rtl] a,html[dir=rtl] .eyebrow {font-family:E8Arabic,Tahoma,Arial,sans-serif;letter-spacing:0}
html[dir=rtl] h1,html[dir=rtl] .hx-h1,html[dir=rtl] .hv-title {line-height:1.45;letter-spacing:0;font-size:clamp(38px,5.2vw,78px)}
html[dir=rtl] h2 {line-height:1.5;letter-spacing:0}
html[dir=rtl] h3 {line-height:1.55}
html[dir=rtl] p,html[dir=rtl] li {line-height:1.95}
html[dir=rtl] .eyebrow,html[dir=rtl] .section-eyebrow {letter-spacing:0;font-size:13px;line-height:1.8}
html[dir=rtl] .nav-links {direction:rtl}
@media(min-width:901px){
  html[dir=rtl] .nav .logo{margin-inline-end:0}
  html[dir=rtl] .nav .bar .nav-links{margin-left:0;margin-right:auto;text-align:right}
  html[dir=rtl] .man-stats.man-stats-four>div{text-align:right}
  html[dir=rtl] .man-stats.man-stats-four .ms-big{text-align:right}
  html[dir=rtl] .man-stats.man-stats-four .ms-lab{margin-left:auto;margin-right:0;text-align:right}
}
html[dir=rtl] .e8-ar-language-switch {order:2;flex-shrink:0;margin-inline-start:12px;padding:9px 12px;border:1px solid currentColor;border-radius:4px;font:600 14px/1.4 Arial,sans-serif}
html[dir=rtl] .e8-ar-language-switch:focus-visible {outline:3px solid #ee66ad;outline-offset:4px}
html[dir=rtl] .form-card,html[dir=rtl] .field label,html[dir=rtl] .form-note {text-align:right}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel],html[dir=rtl] a[href^="tel:"],html[dir=rtl] a[href^="mailto:"] {direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .field input,html[dir=rtl] .field textarea {text-align:start}
html[dir=rtl] .capx-num,html[dir=rtl] [data-count],html[dir=rtl] .e8hp-metric strong {direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .marquee-track,html[dir=rtl] .clients-track,html[dir=rtl] .e8xp-viewport {direction:ltr}
html[dir=rtl] .marquee-track>*,html[dir=rtl] .e8xp-card {direction:rtl}
html[dir=rtl] .foot-links,html[dir=rtl] .mega-panel,html[dir=rtl] .faq-list {text-align:start}
html[dir=rtl] .faq-q,html[dir=rtl] .faq-answer,html[dir=rtl] .faq-a {text-align:right}
html[dir=rtl] .form-success {text-align:right}
html[dir=rtl] .form-note[role=status] {margin-top:16px}
html[dir=rtl] .foot-address {direction:rtl}
@media(max-width:900px){html[dir=rtl] .hx-h1,html[dir=rtl] .hv-title,html[dir=rtl] h1 {font-size:clamp(34px,7vw,58px);line-height:1.55}html[dir=rtl] h2 {line-height:1.55}}
@media(max-width:600px){html[dir=rtl] .e8-ar-language-switch {padding:8px;margin-inline-start:4px}html[dir=rtl] .nav .bar {gap:10px}html[dir=rtl] h1,html[dir=rtl] .hx-h1,html[dir=rtl] .hv-title {font-size:36px}}
@media(prefers-reduced-motion:reduce){html[dir=rtl]{scroll-behavior:auto}}
/* The English theme has page-specific high-specificity type and hero rules. */
html[dir=rtl] body h1,html[dir=rtl] body h2,html[dir=rtl] body h3,html[dir=rtl] body h4,html[dir=rtl] body p,html[dir=rtl] body a,html[dir=rtl] body label,html[dir=rtl] body button {font-family:E8Arabic,Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
html[dir=rtl][data-e8-arabic] body.element8-sa-lp .hero-v2 .hx-h1 {font-size:clamp(36px,4.4vw,64px)!important;line-height:1.5!important;letter-spacing:0!important}
html[dir=rtl] body h2 {line-height:1.5!important}
html[dir=rtl] body .hx-lede {line-height:1.9!important}
@media(min-width:901px){html[dir=rtl] body .hero-v2 .hx-stage{left:28%!important;right:auto!important}html[dir=rtl] body .hx-pitch{text-align:right}html[dir=rtl] body .hx-lede{margin-inline-start:0;margin-inline-end:auto}}
@media(max-width:900px){html[dir=rtl][data-e8-arabic] body.element8-sa-lp .hero-v2 .hx-h1{font-size:clamp(32px,7.5vw,54px)!important;line-height:1.55!important}}

html[dir=rtl][data-e8-arabic] body.element8-sa-lp h2,html[dir=rtl][data-e8-arabic] body.element8-sa-lp .section-head h2{line-height:1.5!important;letter-spacing:0!important}
/* Physically left-positioned accessibility traps create a 10,000px RTL canvas. */
html[dir=rtl] .skip-to-content:not(:focus),html[dir=rtl] .hp-trap {left:auto!important;right:0!important;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[dir=rtl][data-e8-arabic],html[dir=rtl] body {overflow-x:clip}
html[dir=rtl] .hx-h1 {text-align:start!important;text-align-last:auto!important}

html[dir=rtl] .e8mm-close {right:auto!important;left:16px!important}

/* Arabic pull quote: furry 8 right, quote and AJ attribution left. */
@media(min-width:901px){
  html[dir=rtl] .page-digital-transformation .pullquote .pq-stage::after{
    background:linear-gradient(90deg,rgba(2,2,4,.96) 0%,rgba(2,2,4,.86) 42%,rgba(2,2,4,.34) 62%,rgba(2,2,4,0) 82%)!important
  }
  html[dir=rtl] .page-digital-transformation .pullquote .pq-furry-frame{
    left:auto!important;
    right:max(clamp(52px,7vw,96px),calc((100vw - var(--container))/2 + clamp(24px,3vw,62px)))!important
  }
  html[dir=rtl] .page-digital-transformation .pullquote .pq-inner .pq-body,
  html[dir=rtl] .page-digital-transformation .pullquote .pq-attrib{
    margin-left:0!important;
    margin-right:auto!important;
    text-align:right
  }
}
@media(max-width:900px){
  html[dir=rtl] .page-digital-transformation .pullquote .pq-furry-frame{
    margin-left:auto!important;
    margin-right:0!important
  }
}
/* Arabic homepage: keep the floating 8 beside, rather than behind, the copy. */
@media(min-width:761px){
  html[dir=rtl] .page-digital-transformation #manifesto .man-credo-logo-3d{right:auto;left:clamp(32px,6vw,92px)}
  html[dir=rtl] .page-digital-transformation #manifesto .man-inner>h2,
  html[dir=rtl] .page-digital-transformation #manifesto .man-inner>p{max-width:66%;margin-left:auto;margin-right:0}
}
@media(max-width:760px){
  html[dir=rtl] .page-digital-transformation #manifesto .man-credo-logo-3d{margin:0 auto 24px 0!important}
}