/* Arabic typography: local fonts, including the Arabic legal information block. */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-sans-arabic-400.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-sans-arabic-500.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/ibm-plex-sans-arabic-600.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/ibm-plex-sans-arabic-700.ttf') format('truetype')}
:root{--arabic-font:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}
html[lang=ar] body,[lang=ar]:not(html){font-family:var(--arabic-font);letter-spacing:0;line-height:1.9}
html[lang=ar] :is(h1,h2,h3,h4,.image-caption p,.large-text,.contact-form h3,.footer-top p),.legal-main [lang=ar] :is(h2,p){font-family:var(--arabic-font);letter-spacing:0}
html[lang=ar] :is(h1,h2){font-weight:500;line-height:1.4}
html[lang=ar] :is(h3,h4){font-weight:600;line-height:1.6}
html[lang=ar] :is(.eyebrow,.hero .eyebrow,.clients-heading .eyebrow){font-size:clamp(1.125rem,1.45vw,1.375rem);font-weight:600;letter-spacing:0;line-height:1.8}
html[lang=ar] :is(.mini-label,.detail-label,.image-caption>span){font-size:1rem;font-weight:600;letter-spacing:0;line-height:1.8}
html[lang=ar] .visual-label{font-size:.875rem;letter-spacing:0}
html[lang=ar] :is(.hero-description,.section-heading>p,.feature-intro>p,.cabinet-copy>p:not(.large-text),.contact-heading>p:last-child){font-size:1.125rem;line-height:1.95}
html[lang=ar] :is(.feature-services p,.secondary-services p,.steps p,.contact-details p){font-size:1rem;line-height:1.9}
html[lang=ar] :is(nav,.button,.text-link,.principles,.hero-bottom,.contact-form label,.client-name){font-size:.9375rem}
html[lang=ar] :is(.hero-signature div>span,.nameplate div>span,.form-note,.footer-bottom){font-size:.875rem;line-height:1.8}
html[lang=ar] .hero-signature strong{font-size:1.0625rem}
html[lang=ar] .image-caption p{line-height:1.6}
html[lang=ar] .brand-caption{font-size:.875rem;line-height:1.65}
html[lang=ar] .contact-form :is(input,select,textarea,button){font-family:var(--arabic-font)}
html[lang=ar] .clients-heading{align-items:flex-start}
html[lang=ar] .client-name[lang=ar]{font-family:var(--arabic-font);line-height:1.75}
html[lang=ar] .client-text .client-name[lang=ar]{font-size:1.0625rem;font-weight:500}
@media(max-width:800px){html[lang=ar] h1{font-size:clamp(2.25rem,6.5vw,3.5rem)}html[lang=ar] h2{font-size:clamp(2rem,5vw,2.75rem)}html[lang=ar] .hero .eyebrow{align-items:flex-start}html[lang=ar] .hero .eyebrow>span:first-child{margin-top:1rem}html[lang=ar] .clients-heading{flex-wrap:wrap}html[lang=ar] .clients-pause{font-size:.875rem;max-width:none}html[lang=ar] .hero-bottom>div{gap:12px 20px}}
@media(max-width:480px){html[lang=ar] :is(.eyebrow,.hero .eyebrow,.clients-heading .eyebrow){font-size:1.125rem}html[lang=ar] .topbar .wrap>span{font-size:.75rem}html[lang=ar] .feature-intro h3{font-size:1.8rem}html[lang=ar] .steps{grid-template-columns:1fr}html[lang=ar] .image-caption p{font-size:1.6rem}}
html[lang=ar] .header nav{font-size:1.125rem;font-weight:700;line-height:1.75}