html[lang=ar] body{font-family:Tahoma,Arial,sans-serif;line-height:1.85}
[lang=ar] :is(h1,h2,h3,small,.brand .company-name,.brand .company-name small){letter-spacing:normal;line-height:1.45}
[lang=ar] header .brand{margin:0}
[lang=ar] .mastcopy{max-width:780px}
[lang=ar] .mast:before,[lang=ar] .feature:after{background:linear-gradient(270deg,#0b1218ef,#0e1721b5 47%,#0e172128)}
[lang=ar] .mast>.scene{transform:translateX(-10%);width:110%;max-width:none;animation:none}
[lang=ar] .mast h1{font-size:clamp(42px,5.4vw,84px)}
[lang=ar] .ribbon>div{direction:ltr}
[lang=ar] .ribbon span{direction:rtl;padding-inline:.55em}
[lang=ar] .serviceRow strong,[lang=ar] .card span{float:left}
[lang=ar] .social b{white-space:nowrap}
[lang=ar] .article h1{font-size:clamp(34px,4.5vw,66px)}
@media(max-width:850px){[lang=ar] header .brand{margin-inline-end:auto}}
@media(max-width:620px){[lang=ar] .mast:before{background:linear-gradient(0deg,#101317f7,#101317bb 52%,transparent)}[lang=ar] .mast>.scene{width:100%;transform:none}[lang=ar] .intro h1{font-size:38px}[lang=ar] .mobile .drop{font-size:14px}}
[lang=ar] .v2 .mastcopy{border-left:0;border-inline-start:5px solid var(--metal)}
[lang=ar] .v2 .mast h1{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.35}
html[dir=rtl] main{overflow-x:clip;min-width:0}