@font-face{font-family:'Noto Sans Arabic';src:url('/assets/fonts/noto-sans-arabic-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('/assets/fonts/noto-sans-arabic-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
header{gap:20px}
.header-tools{order:2;display:flex;align-items:center;gap:16px;flex:0 0 auto}
header nav{order:1;margin-inline-start:auto}
.language-switch{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:64px;font-size:13px;line-height:1.6;border:1px solid #c2ccbf;padding:6px 12px;white-space:nowrap}
.language-switch[lang=ar]{font-family:'Noto Sans Arabic',Arial,sans-serif;font-weight:500;letter-spacing:0}
.language-switch:hover{background:#edf1e8}
html[dir=rtl]{scroll-padding-top:110px}
html[dir=rtl] body{font-family:'Noto Sans Arabic',Arial,sans-serif;font-weight:400}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] .hero h1,html[dir=rtl] .page-hero h1,html[dir=rtl] .service summary h3,html[dir=rtl] .step h3,html[dir=rtl] .region-panel h3,html[dir=rtl] .principle,html[dir=rtl] .sector b,html[dir=rtl] .faq summary,html[dir=rtl] .resource-link{font-family:'Noto Sans Arabic',Arial,sans-serif;font-weight:500;letter-spacing:0;line-height:1.55}
html[dir=rtl] .hero h1{font-size:clamp(38px,3.65vw,58px);line-height:1.5;margin-top:20px}
html[dir=rtl] .hero-copy{padding-inline-start:clamp(28px,6vw,96px);padding-inline-end:clamp(28px,5vw,80px);background:radial-gradient(ellipse at 100% 100%,#155648 0,transparent 65%),var(--green)}
html[dir=rtl] h2{font-size:clamp(30px,2.8vw,42px)}
html[dir=rtl] .eyebrow,html[dir=rtl] .hero-bottom,html[dir=rtl] .strip,html[dir=rtl] .strip>span,html[dir=rtl] .strip a,html[dir=rtl] .art-caption,html[dir=rtl] .brief-topline,html[dir=rtl] .brief-bottomline,html[dir=rtl] .evidence-questions li span,html[dir=rtl] .region-detail h4,html[dir=rtl] .step .num{letter-spacing:0;text-transform:none;line-height:1.9}
html[dir=rtl] .brand b,html[dir=rtl] .footer-brand{font-family:Arial,Helvetica,sans-serif;direction:ltr;unicode-bidi:isolate;letter-spacing:1.5px;text-align:right}
html[dir=rtl] .brand small{font-family:'Noto Sans Arabic',Arial,sans-serif;letter-spacing:0;font-size:11px;line-height:1.9}
html[dir=rtl] p,html[dir=rtl] .intro-copy,html[dir=rtl] .article-copy p,html[dir=rtl] .article-copy li{line-height:2}
html[dir=rtl] .hero p{font-size:16px;line-height:2}
html[dir=rtl] .service summary h3{font-size:clamp(20px,1.9vw,27px)}
html[dir=rtl] .service summary h3::before{font-family:'Noto Sans Arabic',Arial,sans-serif;font-size:11px;letter-spacing:0;line-height:1.9}
html[dir=rtl] .service-body{padding:0 86px 26px 65px;line-height:2}
html[dir=rtl] .service-body .deliverable{border-left:0;border-right:2px solid var(--gold);padding-left:0;padding-right:14px;font-size:12px;letter-spacing:0}
html[dir=rtl] .resource-link{border-left:1px solid #657f6e;border-right:3px solid var(--gold)}
html[dir=rtl] .resource-link span{font-family:'Noto Sans Arabic',Arial,sans-serif;line-height:1.9}
html[dir=rtl] .brief-example{box-shadow:-12px 14px 0 #e8ede3}
html[dir=rtl] .brief-example h3{font-size:clamp(26px,2.3vw,34px);letter-spacing:0;line-height:1.6}
html[dir=rtl] .brief-sections h4{font-size:16px}
html[dir=rtl] .brief-sections p{line-height:1.9}
html[dir=rtl] .art-caption span:last-child{text-align:left}
html[dir=rtl] .country-link,html[dir=rtl] .regional-links a{line-height:1.9}
html[dir=rtl] .regional-links a span{font-family:'Noto Sans Arabic',Arial,sans-serif;line-height:1.9}
html[dir=rtl] .sector b{font-size:21px;line-height:1.7}
html[dir=rtl] .sector small{line-height:2}
html[dir=rtl] .page-hero h1{font-size:clamp(34px,3.8vw,56px);line-height:1.55}
html[dir=rtl] .article-copy h2{font-size:clamp(25px,2.3vw,32px);line-height:1.7}
html[dir=rtl] .article-aside h2{font-size:26px;line-height:1.65}
html[dir=rtl] .article-copy ul{padding-inline-start:24px;padding-inline-end:0}
html[dir=rtl] .principle{border-left:0;border-right:2px solid var(--gold);padding:0 20px 0 0}
html[dir=rtl] .faq summary{padding-right:0;padding-left:8px;font-size:20px}
html[dir=rtl] .note a[href^="mailto:"],html[dir=rtl] a[href^="mailto:"],html[dir=rtl] input[type=email]{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] #enquiry input[type=email]{text-align:left}
html[dir=rtl] #enquiry input,html[dir=rtl] #enquiry select,html[dir=rtl] #enquiry textarea{font-family:'Noto Sans Arabic',Arial,sans-serif;line-height:1.9}
html[dir=rtl] #enquiry label{font-weight:500;font-size:13px}
html[dir=rtl] .enquiry-status{line-height:2}
@media(max-width:1050px){header{gap:14px}.header-tools{gap:14px}.brand{max-width:calc(100% - 125px)}header nav{margin-inline-start:0}html[dir=rtl] .hero-copy{padding-inline:30px}html[dir=rtl] .brief-example{box-shadow:-8px 10px 0 #e8ede3}}
@media(max-width:760px){html[dir=rtl] .hero-copy{padding-inline:6%}html[dir=rtl] .hero h1{font-size:clamp(34px,6.7vw,48px);line-height:1.5}html[dir=rtl] h2{font-size:clamp(28px,5.1vw,36px)}html[dir=rtl] .brief-example{margin-right:0;margin-left:8px}html[dir=rtl] .brief-example h3{font-size:28px}html[dir=rtl] .service-body{padding-right:50px;padding-left:20px}html[dir=rtl] .service summary h3{font-size:21px}html[dir=rtl] .page-hero h1{font-size:clamp(30px,5.8vw,42px)}html[dir=rtl] .sector b{font-size:20px}html[dir=rtl] .article-copy h2{font-size:26px}}
@media(max-width:400px){header{gap:10px}.header-tools{gap:10px}.language-switch{min-width:50px;padding-inline:8px;font-size:12px}.brand{max-width:calc(100% - 100px)}html[dir=rtl] .brand b{font-size:11px;letter-spacing:1px}html[dir=rtl] .brand small{font-size:9px}html[dir=rtl] .hero h1{font-size:34px}html[dir=rtl] .service-body{padding-inline:16px}html[dir=rtl] .service summary h3{font-size:19px}html[dir=rtl] .article-copy h2{font-size:25px}}