/* The same Pinar family includes Latin and Arabic glyphs. Local reading direction
   controls flow; media, the brand mark and the sun film are never mirrored. */
.language-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #85858555;border-radius:999px;white-space:nowrap;font-size:11px;flex-shrink:0}
.language-switch a{display:inline-flex;min-height:32px;min-width:36px;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;color:inherit;text-decoration:none!important;line-height:1.25}
.language-switch a[aria-current=page]{background:#eb9c34;color:#29292b}.language-switch a:hover{background:#eb9c3428}.language-switch a:focus-visible{outline:2px solid #b97820;outline-offset:2px}
.header #navigation{gap:clamp(12px,1.5vw,25px)}
html[lang=en] body{line-height:1.7;letter-spacing:0}
html[lang=ar] body{line-height:1.9;letter-spacing:0}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.5}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{letter-spacing:-.035em;line-height:1.18;text-wrap:balance}
html[lang=en] .hero-title{font-size:clamp(42px,5.9vw,84px);line-height:1.12}
html[lang=en] .solar-message h2{max-width:850px;font-size:clamp(25px,3.2vw,44px);line-height:1.2}
html[lang=ar] .solar-message h2{font-size:clamp(25px,3.1vw,42px);line-height:1.5}
html[lang=en] .page-intro h1{font-size:clamp(38px,5vw,67px);max-width:22ch}
html[lang=en] .page-intro p,html[lang=en] .article-prose{line-height:1.85}
html[lang=en] .contact-first h1{max-width:18ch}
html[dir=ltr] .visual-card figcaption,html[dir=ltr] .challenge-tabs button,html[dir=ltr] .work-card,html[dir=ltr] .mosaic-card,html[dir=ltr] .mosaic-copy,html[dir=ltr] .project-brief>span,html[dir=ltr] .contact-links strong,html[dir=ltr] .roozia-launch{text-align:start}
html[dir=ltr] .visual-stamp,html[dir=ltr] .ugc-copy,html[dir=ltr] .dialog-copy,html[dir=ltr] .project-source,html[dir=ltr] .creator-network,html[dir=ltr] .network-number small,html[dir=ltr] .ugc-shot figcaption,html[dir=ltr] .brand-stats strong,html[dir=ltr] .roozia-dock{direction:ltr}
html[dir=ltr] .tab-arrow{margin-right:0;margin-left:auto}
html[dir=ltr] .challenge-answer{border-right:0;border-left:2px solid #eb9c34;padding-right:0;padding-left:25px}
html[dir=ltr] .service-fit{border-right:0;border-left:5px solid #eb9c34}
html[dir=ltr] .form-error,html[dir=ltr] .form-success,html[dir=ltr] .article-prose blockquote{border-right:0;border-left:3px solid #a85e00}
html[dir=ltr] .article-toc nav a{border-right:0;border-left:1px solid #ddd;padding-right:0;padding-left:10px}
html[dir=ltr] .article-prose ul{padding-right:0;padding-left:24px}
html[dir=ltr] .landing-steps li{border-right:0;border-left:1px solid #ddd}
html[dir=ltr] .landing-steps li:before{right:auto;left:-5px}
html[dir=ltr] .roozia-dialog header button{margin-right:0;margin-left:auto}
html[dir=ltr] .roozia-launch{border-radius:18px 18px 5px 18px}
html[dir=ltr] .roozia-quick-call{border-radius:5px 18px 18px 18px}
html[dir=ltr] .testimonial{transform-origin:left center}
html[dir=ltr] .service-menu>div{right:auto;left:0;text-align:left}
html[dir=ltr] .social-hero-stage{direction:rtl}
html[dir=ltr] .social-hero-copy{direction:ltr;text-align:left}
html[lang=en] #social-title{font-size:clamp(38px,4.5vw,65px);max-width:15ch}
html[lang=en] .social-hero-lead{line-height:1.8}
.language-switch a{font-family:Pinar,Arial,sans-serif!important;letter-spacing:0!important}
.translation-editor{margin-top:18px;border-top:1px solid #ddd;padding-top:16px}.translation-editor>summary{cursor:pointer;font-weight:700;padding:10px 0}.translation-editor>div{padding-block:15px}.translation-editor label{line-height:1.6}
@media(min-width:951px) and (max-width:1180px){html[lang=en] .header #navigation{gap:11px;font-size:12px}.header .brand{width:115px}.header .language-switch a{padding:4px 6px;min-width:30px}}
@media(max-width:950px){.language-switch{align-self:flex-start;gap:5px;margin-top:16px}.language-switch a{min-width:52px;min-height:44px}.header #navigation{gap:4px}html[dir=ltr] .header .menu-toggle{margin-left:0;margin-right:0}html[lang=en] .header .header-cta{font-size:11px}}
@media(max-width:700px){html[lang=en] .solar-message h2,html[lang=ar] .solar-message h2{font-size:clamp(20px,5.3vw,26px)}html[lang=en] .solar-stage .hero-description{max-width:340px;font-size:12px;line-height:1.65}html[lang=en] .solar-stage .hero-actions{gap:10px}html[lang=en] .solar-stage .hero-actions .button{font-size:12px;padding:11px 16px}html[lang=en] .contact-first h1{font-size:35px}html[dir=ltr] .challenge-answer{padding-left:16px}html[lang=en] .roozia-launch{font-size:12px}}
@media(prefers-reduced-motion:reduce){.language-switch a{transition:none}}