/* Arabic edition — right-to-left layout and Arabic type. Loaded after
   site.css (and home.css) only on /ar/ pages. Arabic is a connected script,
   so letter-spacing and uppercase transforms are removed throughout. */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-500.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-600.woff2) format('woff2')}
html[dir=rtl] #top,html[dir=rtl] #top :is(h1,h2,h3,h4,button,input,select,textarea),html[dir=rtl] #top #main :is(h1,h2,h3,h4),html[dir=rtl] #top #main :is(.team-card,.leadership-profile) h3{font-family:'IBM Plex Sans Arabic','Inter',system-ui,sans-serif}
html[dir=rtl] #top *{letter-spacing:0!important;text-transform:none!important}
html[dir=rtl] #top #main :is(h1,h2,h3){line-height:1.3}
html[dir=rtl] #top #main :is(p,li,dd){line-height:1.85}
html[dir=rtl] #top #main .eyebrow{font-size:13px}

/* Header */
html[dir=rtl] #top header nav{margin-left:0;margin-right:auto}
html[dir=rtl] #top nav details div{left:auto;right:-18px}
html[dir=rtl] #top .dropdown{left:auto;right:-18px}
@media(max-width:760px){html[dir=rtl] #top .menu-toggle{margin-left:0;margin-right:10px}html[dir=rtl] #top .dropdown{padding:12px 14px 10px 0;border-left:0;border-right:1px solid #b88a2b66;right:auto}}

/* Arrows nudge towards the reading direction */
html[dir=rtl] #top :is(.button,.text-link):hover span,html[dir=rtl] #top .country:hover b{transform:translate(-3px,-3px)}

/* Mirrored overlays and badges */
html[dir=rtl] #top #main .country-no{left:auto!important;right:18px!important}
html[dir=rtl] #top #main .about .about-image figcaption,html[dir=rtl] #top #main .site-hero-photo figcaption{left:auto;right:14px}
html[dir=rtl] #top #main #projects .project-image span{left:auto;right:12px}
html[dir=rtl] #top #main .home-hero-rail>a{margin-left:0;margin-right:auto}
html[dir=rtl] #top #main .ohs-hero-shade{background:linear-gradient(270deg,#0d151be8 0%,#111a20a8 39%,#111a2028 72%),linear-gradient(0deg,#0d151be8 0%,transparent 45%)}
html[dir=rtl] #top #main .ohs-hero-note{right:auto;left:max(32px,calc((100% - var(--site-width))/2))}

/* Email and phone values stay left-to-right */
html[dir=rtl] #top #main :is(input[type=email],input[type=tel]){direction:ltr;text-align:right}