html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select,html[lang=ar] strong,html[lang=ar] .nav-full,html[lang=ar] .history-year{font-family:var(--font-arabic)!important;letter-spacing:0!important}
html[lang=ar] h1,html[lang=ar] h2{line-height:1.5!important;font-size:clamp(1.9rem,3.8vw,3.5rem)}
html[lang=ar] #main h3{line-height:1.7!important}
html[lang=ar] .eyebrow,html[lang=ar] .chapter-nav a,html[lang=ar] .demo-caption{letter-spacing:0!important;line-height:1.8}
html[lang=ar] p,html[lang=ar] li{line-height:1.9}
html[lang=ar] .type-word{overflow:visible;padding:.12em .04em;margin:-.12em -.04em}
html[lang=ar] .type-ink{overflow:visible;overflow-wrap:normal}
html[lang=ar] .header .brand{margin-right:0;margin-left:0}
html[lang=ar] .brand{margin-right:0;margin-left:auto}
html[lang=ar] .button,html[lang=ar] .portfolio-selectors button,html[lang=ar] .gallery-overview button{text-align:start}
html[lang=ar] .service-hero-copy{padding-right:14%;padding-left:10%}
html[lang=ar] .service-digital-diagram ol::before{left:auto;right:40px}
html[lang=ar] .film-copy h1{font-size:clamp(2.1rem,4.5vw,4rem)!important;line-height:1.45!important}
html[lang=ar] .film-copy h2{font-size:clamp(1.9rem,3.8vw,3.4rem)!important;line-height:1.5!important}
html[lang=ar] .film-shade{background:linear-gradient(270deg,#102737a8,transparent 90%)}
html[lang=ar] .film-panel::after{background:linear-gradient(270deg,#102737a8,transparent 90%)}
html[lang=ar] .film-track>span{transform-origin:right}
html[lang=ar] .film-enhanced .film-access{right:auto;left:var(--gutter)}
html[lang=ar] .film-links>a{white-space:normal}
html[lang=ar] .gallery-enhanced .gallery-chapters{left:auto;right:var(--canvas-gutter)}
html[lang=ar] .gallery-enhanced .project-frame figcaption{right:auto;left:var(--canvas-gutter);text-align:left}
html[lang=ar] .gallery-enhanced .gallery-overview{right:calc(var(--canvas-gutter) + 260px);left:var(--canvas-gutter)}
html[lang=ar] .gallery-enhanced .gallery-scroll-cue{right:auto;left:var(--canvas-gutter)}
html[lang=ar] .gallery-toolbar .gallery-view-controls{margin-left:0;margin-right:auto}
html[lang=ar] .work-arrow{margin-left:0;margin-right:auto}
html[lang=ar] .project-overview ul{padding-left:0;padding-right:20px}
html[lang=ar] .client-track{direction:ltr}html[lang=ar] .client-grid figcaption{direction:rtl}
html[lang=ar] .process-flow::before{transform-origin:right center}
html[lang=ar] .slot-options,html[lang=ar] .gallery-step{direction:ltr}
html[lang=ar] .practice-pair>a+a{border-left:0;border-right:1px solid var(--line)}
html[lang=ar] .enquiry-summary dl{grid-template-columns:minmax(90px,auto) minmax(0,1fr)}
html[lang=ar] .header .header-language{font-family:var(--font-body);font-size:1rem}
@media(min-width:1600px){html[lang=ar] .service-hero-copy{padding-right:20%;padding-left:10%}}
@media(max-width:1000px){html[lang=ar] .service-hero-copy{padding-right:12%;padding-left:8%}html[lang=ar] .gallery-enhanced .gallery-chapters{left:var(--canvas-gutter);right:var(--canvas-gutter)}html[lang=ar] .gallery-enhanced .gallery-overview{left:var(--canvas-gutter);right:var(--canvas-gutter)}html[lang=ar] .gallery-enhanced .project-frame figcaption{left:var(--canvas-gutter);right:var(--canvas-gutter);text-align:right}}
@media(max-width:760px){html[lang=ar] .service-hero-copy{padding:3rem 7%}html[lang=ar] h1,html[lang=ar] h2{font-size:clamp(1.8rem,7.5vw,2.5rem)!important}html[lang=ar] .footer-invitation h2{font-size:1.8rem!important}html[lang=ar] .film-copy{width:100%}html[lang=ar] .conversation-progress li{font-size:.7rem}}
@media(max-width:600px){html[lang=ar] .practice-pair>a+a{border-right:0}}
@media(max-width:380px){html[lang=ar] .service-digital-diagram ol::before{right:32px}html[lang=ar] .header .brand img{width:116px}}
/* Mirror cinematic artwork in Arabic while keeping copy and controls readable. */
html[lang=ar] .film-media>video,
html[lang=ar] .film-media>img,
html[lang=ar] .film-poster{transform:scaleX(-1);transform-origin:center}
html[lang=ar] .business-film .film-media>.film-shade,
html[lang=ar] .business-film .film-panel::after{background:linear-gradient(270deg,#14293cf2 0%,#14293cd9 30%,#14293c80 48%,transparent 70%)}

@media(max-width:999px){html[lang=ar] .business-film .film-panel::after{background:linear-gradient(270deg,#14293ced,#14293cd9 55%,#14293ca3)}}