/* Arabic / RTL layer */
html[dir=rtl],html[dir=rtl] body{font-family:"IBM Plex Sans Arabic","DM Sans",system-ui,sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] .btn,html[dir=rtl] .hbtn,html[dir=rtl] .nav-btn,html[dir=rtl] .eyebrow{font-family:"IBM Plex Sans Arabic","Outfit",system-ui,sans-serif}
html[dir=rtl] *{letter-spacing:0!important;text-transform:none!important}
html[dir=rtl] body{line-height:1.8}
html[dir=rtl] h1,html[dir=rtl] h2{line-height:1.3}
html[dir=rtl] .phero h1{max-width:none}
/* home hero mirror */
html[dir=rtl] .scene{right:auto;left:0}
html[dir=rtl] .scene img.poster{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 14%);mask-image:linear-gradient(270deg,transparent 0,#000 14%)}
html[dir=rtl] .hero-in{padding-left:0;padding-right:13px}
html[dir=rtl] .edgeline{left:auto;right:0}
/* map and phone numbers keep LTR */
html[dir=rtl] .mapbox,html[dir=rtl] .wmap{direction:ltr}
html[dir=rtl] .off dd,html[dir=rtl] .facts b,html[dir=rtl] a[href^="tel:"]{direction:ltr;unicode-bidi:isolate;display:inline-block}
/* inner hero image mirrors to the left */
html[dir=rtl] .phero-img{right:auto;left:0;-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 38%),linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(270deg,transparent 0,#000 38%),linear-gradient(180deg,#000 70%,transparent 100%)}
html[dir=rtl] .phero::after{left:auto;right:0}
html[dir=rtl] .phero.has-img h1{max-width:16ch}
@media (max-width:900px){html[dir=rtl] .phero-img{-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%)}}
/* floating buttons to the left */
html[dir=rtl] .totop{right:auto!important;left:22px!important}
html[dir=rtl] .wa{right:auto!important;left:22px!important}
@media (max-width:640px){html[dir=rtl] .totop{left:14px!important;right:auto!important}html[dir=rtl] .wa{left:14px!important;right:auto!important}}
/* flow line, bullets, arrows */
html[dir=rtl] .flow::before{left:auto;right:23px}
html[dir=rtl] .btn svg,html[dir=rtl] .hbtn svg,html[dir=rtl] .link-a svg,html[dir=rtl] .go svg,html[dir=rtl] .rel a svg{transform:scaleX(-1)}
html[dir=rtl] .btn:hover svg,html[dir=rtl] .hbtn:hover svg{transform:scaleX(-1) translateX(4px)}
/* Arabic needs larger small text */
html[dir=rtl] .eyebrow,html[dir=rtl] .crumbs,html[dir=rtl] .tag,html[dir=rtl] .k,html[dir=rtl] small,html[dir=rtl] .ph4,html[dir=rtl] .gh,html[dir=rtl] .hero-meta,html[dir=rtl] label{font-size:1rem}
html[dir=rtl] .nav-btn,html[dir=rtl] .nav-link,html[dir=rtl] .panel a{font-size:1rem}
html[dir=rtl] .hdr .btn{font-size:.9rem}
html[dir=rtl] .lede,html[dir=rtl] p{font-size:max(1rem,1em)}
html[dir=rtl] .ftr a,html[dir=rtl] .ftr p{font-size:.98rem}
html[dir=rtl] .subnav a{font-size:1rem}
html[dir=rtl] .mleg{left:auto;right:22px}
html[dir=rtl] .hdr-end .nav-link{white-space:nowrap}
html[dir=rtl] .phero-img{right:0;left:auto;-webkit-mask-image:none;mask-image:none}
html[dir=rtl] .phero-img::after{background:linear-gradient(270deg,rgba(2,5,22,.94) 0,rgba(2,5,22,.82) 34%,rgba(2,5,22,.28) 66%,rgba(2,5,22,.05) 100%),linear-gradient(180deg,rgba(2,5,22,.5) 0,transparent 22%)}
@media (max-width:900px){html[dir=rtl] .phero-img::after{background:linear-gradient(180deg,rgba(2,5,22,.78) 0,rgba(2,5,22,.62) 55%,rgba(2,5,22,.4) 100%)}}