@font-face{font-family:Dubai;src:url('/site-assets/Dubai-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Dubai;src:url('/site-assets/Dubai-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Tajawal;src:url('/site-assets/Tajawal-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('/site-assets/Tajawal-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
html[lang=ar]{--font:Dubai,system-ui,sans-serif;font-family:var(--font)}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:Tajawal,system-ui,sans-serif;letter-spacing:0;line-height:1.4;font-weight:700}
html[lang=ar] h1{font-size:clamp(25px,3.4vw,48px);white-space:nowrap}
html[lang=ar] h2,html[lang=ar] .story-copy h2,html[lang=ar] .closing h2{font-size:clamp(25px,3vw,42px)}
html[lang=ar] .eyebrow{letter-spacing:0;font-size:15px}
html[lang=ar] .header-inner nav{margin-left:0;margin-inline-start:auto;font-size:18px}
html[lang=ar] .hero{grid-template-columns:1fr;gap:32px;padding-block:48px 35px}
html[lang=ar] .hero-copy{max-width:none}
html[lang=ar] .hero-intro{max-width:none;margin-block:16px 22px;font-size:23px}
html[lang=ar] .hero-note{font-size:15px;margin-top:16px}
html[lang=ar] .hero-visual{height:auto;min-height:0;padding:0;width:100%}
html[lang=ar] .hero-visual>img{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;object-fit:contain}
html[lang=ar] .image-caption{bottom:24px;left:24px;right:auto;width:auto;max-width:calc(100% - 48px)}
html[lang=ar] .image-caption>span,html[lang=ar] .image-caption>strong{letter-spacing:0}
html[lang=ar] .image-caption>strong{font-size:20px}
html[lang=ar] .workflow{grid-template-columns:1fr}
html[lang=ar] .workflow li,html[lang=ar] .workflow li+li{border-left:0;border-inline-start:0;padding:25px 0;display:grid;grid-template-columns:50px 180px 1fr;gap:22px;align-items:center}
html[lang=ar] .workflow li+li{border-top:1px solid var(--line)}
html[lang=ar] .workflow p{max-width:none;margin:0;font-size:20px}
html[lang=ar] .workflow h3,html[lang=ar] .step-number{margin:0}
html[lang=ar] .story-grid,html[lang=ar] .service-section{grid-template-columns:1fr;gap:32px}
html[lang=ar] .story-copy{grid-row:1}
html[lang=ar] .story-copy>p:not(.eyebrow),html[lang=ar] .service-copy>p:not(.eyebrow){font-size:22px}
html[lang=ar] .story-photo img,html[lang=ar] .service-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
html[lang=ar] .feature-lines{display:flex;gap:36px;flex-wrap:wrap}
html[lang=ar] .feature-lines li{flex:1;min-width:250px}
html[lang=ar] .profile-list,html[lang=ar] .service-copy,html[lang=ar] .service-copy p.small-note{max-width:none}
html[lang=ar] .button,html[lang=ar] img,html[lang=ar] .image-caption,html[lang=ar] .closing,html[lang=ar] .profile-list>span{border-radius:0}
html[lang=ar] .compact-overview .simulation-note{max-width:none}
html[lang=ar] .closing{padding:36px}
@media(max-width:800px){html[lang=ar] .hero{padding-top:32px}html[lang=ar] .header-inner nav{display:flex;font-size:14px;gap:16px}html[lang=ar] .hero-intro{font-size:20px}html[lang=ar] .workflow li,html[lang=ar] .workflow li+li{grid-template-columns:34px 135px 1fr;gap:14px}html[lang=ar] .workflow p{font-size:18px}html[lang=ar] .image-caption{display:none}}
@media(max-width:540px){html[lang=ar] h1{font-size:clamp(19px,4.5vw,25px)}html[lang=ar] h2,html[lang=ar] .story-copy h2,html[lang=ar] .closing h2{font-size:27px}html[lang=ar] .header-inner{height:76px;gap:12px}html[lang=ar] .header-inner nav{gap:12px;font-size:13px}html[lang=ar] .header-inner nav a:last-child{display:none}html[lang=ar] .brand{width:110px}html[lang=ar] .hero-intro{font-size:18px}html[lang=ar] .workflow li,html[lang=ar] .workflow li+li{grid-template-columns:28px 1fr;gap:12px}html[lang=ar] .workflow p{grid-column:2;font-size:18px}html[lang=ar] .workflow h3{font-size:25px}html[lang=ar] .story-copy>p:not(.eyebrow),html[lang=ar] .service-copy>p:not(.eyebrow){font-size:19px}html[lang=ar] .hero-note{font-size:13px}html[lang=ar] .eyebrow{font-size:13px}html[lang=ar] .closing{padding:24px}}