/* Arabic / RTL layer. Loaded only by /ar pages, after the shared styles.
   The Alexandria @font-face lives in ae.css: both trees need Arabic glyphs. */
/* Arabic is a joined script: tracking breaks the letterforms, and it needs more leading than Latin. */
[dir=rtl] body{font-family:Alexandria,Outfit,Arial,sans-serif;line-height:1.75}
[dir=rtl] *{letter-spacing:0!important}
[dir=rtl] .eyebrow,[dir=rtl] .provenance,[dir=rtl] .case-number,[dir=rtl] .chapter-count,[dir=rtl] .path-label,[dir=rtl] .portfolio-label,[dir=rtl] .brand>span{font-family:Alexandria,'Space Mono',monospace;font-size:13px}
[dir=rtl] .index-number,[dir=rtl] .path-node,[dir=rtl] time{font-family:'Space Mono',monospace}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{line-height:1.3}
[dir=rtl] .hero h1{font-size:clamp(52px,6.6vw,104px);line-height:1.28;max-width:none}
[dir=rtl] .highlight{margin-left:0;margin-right:-.025em;padding:0 .08em;background:linear-gradient(transparent 22%,var(--mint) 22%,var(--mint) 88%,transparent 88%)}
[dir=rtl] .sticky-statement h2{font-size:clamp(52px,5.2vw,82px);line-height:1.3}
[dir=rtl] .contact h2{font-size:clamp(50px,6.6vw,104px);line-height:1.3}
[dir=rtl] .meet-intro h2{font-size:clamp(50px,5.2vw,80px)}
[dir=rtl] .chapter-content h3{font-size:clamp(38px,4.3vw,64px);line-height:1.3}
[dir=rtl] .meet-statement,[dir=rtl] .perspective-content .lead{line-height:1.5}
[dir=rtl] .case-outcome p{line-height:1.45;font-size:23px}
[dir=rtl] .case-copy h3{min-height:0}
[dir=rtl] .model-heading h3,[dir=rtl] .history-events li>span:last-child,[dir=rtl] .hero-bottom p{line-height:1.6}

/* Mirror everything that was pinned to a physical side. */
[dir=rtl] .skip-link{left:auto;right:12px}
[dir=rtl] .brand>span{border-left:0;padding-left:0;border-right:1px solid var(--line);padding-right:24px}
[dir=rtl] .button:hover span{transform:translate(-2px,-2px)}
[dir=rtl] .expand-icon,[dir=rtl] .case-number,[dir=rtl] .site-footer .footer-note{margin-left:0;margin-right:auto}
[dir=rtl] .case-ribbon .ribbon-client{margin-left:0;margin-right:auto}
[dir=rtl] .case-ribbon .case-number{margin-right:12px}
[dir=rtl] .question-list details>p{margin:0 37px 28px 22px}
[dir=rtl] .case-outcome{border-left:0;padding-left:0;border-right:2px solid #acc6b8;padding-right:16px}
[dir=rtl] .history-track>span{transform-origin:right}
[dir=rtl] .history-events li:last-child{text-align:left}
[dir=rtl] .model-location:before{left:auto;right:0}
[dir=rtl] .chapter-path svg{transform:scaleX(-1)}
[dir=rtl] .path-node{left:auto;right:48px}
[dir=rtl] .path-label{left:auto;right:53px}
[dir=rtl] .chapter-bottom>span:last-child>span{margin-left:0;margin-right:12px}
[dir=rtl] .chapter-section:has(.horizontal-enabled) .chapter-guidance .eyebrow::after{content:'  /  مرّر للاستكشاف'}
[dir=rtl] .wider-visual .visual-caption{left:auto;right:30px}
[dir=rtl] .lang-switch{font-family:Outfit,Arial,sans-serif}
@media(max-width:1050px){[dir=rtl] .path-node{right:32px}[dir=rtl] .path-label{right:37px}[dir=rtl] .case-ribbon .case-number{margin-right:auto}}
@media(max-width:760px){
  [dir=rtl] .hero h1{font-size:clamp(40px,9vw,64px);line-height:1.35}
  [dir=rtl] .headline-line:first-child,[dir=rtl] .headline-line:last-child{max-width:none}
  [dir=rtl] .history{padding:0 25px 0 0}
  [dir=rtl] .history-track{left:auto;right:5px}
  [dir=rtl] .history-track>span{transform-origin:top}
  [dir=rtl] .history-events li,[dir=rtl] .history-events li:nth-child(2),[dir=rtl] .history-events li:last-child{text-align:right}
  [dir=rtl] .history-point{left:auto;right:-25px}
  [dir=rtl] .model-location{padding-left:0;padding-right:20px}
  [dir=rtl] .question-list details>p{margin-right:30px}
  [dir=rtl] .path-node{right:22px}[dir=rtl] .path-label{right:25px}
  [dir=rtl] .sticky-statement h2{font-size:clamp(44px,10vw,64px)}
  [dir=rtl] .contact h2{font-size:clamp(42px,9vw,64px)}
  [dir=rtl] .meet-intro h2{font-size:46px}
  [dir=rtl] .wider-visual .visual-caption{right:14px}
}

/* GEO service page */
[dir=rtl] .geo-hero h1{font-size:clamp(50px,6vw,92px);line-height:1.3}
[dir=rtl] .geo-chapter h2{font-size:clamp(38px,3.7vw,56px)}
[dir=rtl] .geo-close h2{font-size:clamp(42px,5vw,74px)}
[dir=rtl] .chapter-rail a>span:first-child,[dir=rtl] .route-linear li>span,[dir=rtl] .stage-index,[dir=rtl] .measure-step summary>span:first-child{font-family:'Space Mono',monospace}
[dir=rtl] .stage-index>span,[dir=rtl] .method-network>p,[dir=rtl] .signal-selection{font-family:Alexandria,'Space Mono',monospace;font-size:12px}
[dir=rtl] .rail-arrow,[dir=rtl] .measure-plus{margin-left:0;margin-right:auto}
[dir=rtl] .route-linear li:before{left:auto;right:0}
[dir=rtl] .sample-answer{line-height:2.1;font-size:23px}
[dir=rtl] .sample-answer button{text-align:right}
[dir=rtl] .stage-deliverable{border-left:0;padding-left:0;border-right:2px solid #8fb5a3;padding-right:18px}
[dir=rtl] .signal-example .example-label{border-left:0;padding-left:0;border-right:3px solid #719d87;padding-right:12px}
[dir=rtl] .review-invite ol{padding-left:0;padding-right:28px;list-style:decimal}
[dir=rtl] .governance h4,[dir=rtl] .measure-step summary strong{line-height:1.4}
@media(max-width:600px){
  [dir=rtl] .geo-hero h1{font-size:clamp(40px,9.5vw,58px)}
  [dir=rtl] .geo-chapter h2{font-size:36px}
  [dir=rtl] .route-linear li{border-left:0;border-right:1px solid #7b9a8c;padding:10px 20px 20px 0}
  [dir=rtl] .route-linear li:before{right:-5px}
  [dir=rtl] .route-linear li>span{margin-right:0;margin-left:15px}
}

/* Keep the dots under final ي inside the headline's clip box */
[dir=rtl] .hero h1 .headline-line{padding-bottom:.45em;margin-bottom:-.45em}
[dir=rtl] .hero-bottom{margin-top:76px}