.en-home{direction:ltr}
.en-home .hero h1,.en-home .section-heading h2,.en-home .scene h2,
.en-home .idea-copy h2,.en-home .process h2,.en-home .work h2,
.en-home .about h2,.en-home .contact-title,.en-home .section-heading h3{
 font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:0;line-height:1.24;
}
.en-home .hero h1{font-size:clamp(38px,5.1vw,76px);white-space:normal;direction:ltr;line-height:1.28;width:100%;max-width:1000px;margin-inline:auto}
.en-home .contact-title{font-size:clamp(54px,8vw,112px);direction:ltr}
.en-home .scene h2,.en-home .section-heading h2{font-size:clamp(40px,5.1vw,80px);line-height:1.28}
.en-home .about-brand,.en-home .brand{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;direction:ltr}
.en-home .brand-frame{display:inline-flex;align-items:center;padding:.08em .24em .02em;line-height:1.2;white-space:nowrap}
.en-home .header .brand{direction:ltr}
.en-home .header .brand-symbol-frame{display:grid;place-items:center;width:52px;height:52px;border:1px solid #f0eee9;flex:none}
.en-home .header .brand-symbol{display:block;width:48px;height:48px;object-fit:contain;filter:invert(1);clip-path:inset(17% 0 14% 0)}
.en-home .about-brand{font-family:Arial,Helvetica,sans-serif;font-size:clamp(76px,9vw,132px);line-height:1.16;text-align:center}
.en-home .scene-copy,.en-home .section-heading>div,.en-home .section-heading>p,
.en-home .contact-intro{direction:ltr;text-align:left}
.en-home .hero-copy,.en-home .hero .eyebrow{text-align:center}
.en-home .hero-top,.en-home .hero-bottom,
.en-home .section-mark,.en-home .scene-top,.en-home .scene-bottom,
.en-home .contact-details{direction:ltr}
.en-home .header{direction:ltr}
.en-home .header nav{direction:ltr}
.en-home .section-heading{direction:ltr}
.en-home .section-heading h2{text-align:left}
.en-home .section-heading>p,.en-home .section-heading>div{
 direction:ltr;text-align:left
}
.en-home .scene-content{direction:ltr;text-align:left}
.en-home .scene-copy{margin-right:auto;margin-left:0;direction:ltr;text-align:left}
.en-home .clients-heading{direction:ltr;text-align:left}
.en-home .contact-title{text-align:left}
.en-home .contact-title>span{position:static;display:inline-block;vertical-align:middle;margin-inline-start:.15em;font-size:clamp(36px,5vw,68px);line-height:1;transform:none}
.en-home .contact-title:hover>span{transform:translate(-5px,-5px)}
.en-home .about-layout{direction:ltr;gap:8%;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.en-home .about-layout>div[dir=ltr]{text-align:left}
.en-home .about-brand{justify-self:center;white-space:nowrap}
.en-home .scene h2 em,.en-home .section-heading h2 em{display:inline-block;max-width:100%}
.en-home .ticker{direction:ltr}
.en-home .ticker,.en-home .section-mark,.en-home .scene-top,
.en-home .scene-bottom,.en-home .hero-bottom,.en-home .service-en,
.en-home .work-caption .mono{font-family:Arial,Helvetica,sans-serif;letter-spacing:0}
@media(max-width:680px){.en-home .hero h1{font-size:clamp(25px,7vw,34px);max-width:100%;overflow-wrap:normal}.en-home .hero h1 em{display:block;white-space:normal}.en-home .scene h2,.en-home .section-heading h2{font-size:clamp(34px,9vw,52px)}.en-home .contact-title{font-size:clamp(45px,10vw,70px)}.en-home .about-layout{grid-template-columns:1fr}.en-home .about-brand{justify-self:start;font-size:clamp(68px,19vw,112px)}}

/* Arabic pages only: content-led refinement, September 2026. */
.en-home .hero h1{font-size:clamp(38px,4.7vw,70px);line-height:1.25;max-width:1080px}
.en-home .hero-brand-name{display:block;font-size:.6em;color:var(--paper);margin-bottom:.25em}
.en-home .hero-description{direction:ltr;text-align:center;color:#eee9e2;font-size:18px;line-height:1.8;max-width:650px;margin:22px auto 0;text-wrap:pretty;text-shadow:0 2px 12px #000}
.en-home .hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin-top:26px;direction:ltr}
.en-home .hero-actions .round-link{margin:0;direction:ltr}
.en-home .inquiry-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:14px 24px;border:1px solid transparent;background:#d7804a;color:#18110c;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:700;line-height:1.4;text-align:center;transition:background .2s}
.en-home .inquiry-button:hover{background:#ec9c64}
.en-home .contact-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;direction:ltr;margin-top:30px}
.en-home .contact-actions .inquiry-button{background:#16110e;color:#f2e8de}
.en-home .contact-actions .inquiry-button:hover{background:#2f2118}
.en-home .contact-phone{display:inline-flex;min-height:48px;align-items:center;padding:10px 4px;border-bottom:1px solid #3f2c20;font-size:18px}
.en-home .contact-title em{color:#24180f}
.en-home .contact-help{font-size:16px;line-height:1.8;text-align:left;direction:ltr;color:#342317;margin-top:14px}
.en-home .hero .eyebrow,.en-home .scene .eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:0}
.en-home .section-mark,.en-home .scene-top,.en-home .scene-bottom,.en-home .hero-top,.en-home .hero-bottom{font-size:12px;line-height:1.7}
.en-home .service-en{font-size:13px;direction:ltr;line-height:1.6}
.en-home .work-caption .mono{font-size:12px}
.en-home .process-list .mono{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:0}
.en-home .scene-copy h3{line-height:1.65}
.en-home #commercial h2,.en-home #real-estate h2,.en-home #events h2{font-size:clamp(36px,4.8vw,70px)}
.en-home #showreel-title{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;font-size:18px}
.en-home .footer-brand{direction:ltr;gap:12px;flex-shrink:0}
.en-home .footer-brand .brand-name{font-size:27px;white-space:nowrap}
.en-home .footer-brand .brand-symbol-frame,.english-page .brand-symbol-frame{display:grid;place-items:center;width:52px;height:52px;border:1px solid #f0eee9;flex:none}
.en-home .footer-brand .brand-symbol,.english-page .brand-symbol{display:block;width:48px;height:48px;object-fit:contain;filter:invert(1);clip-path:inset(17% 0 14% 0)}
.en-home footer>.mono{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:0;direction:ltr}
.en-home .menu-toggle{min-width:44px;min-height:44px}
/* Keep the approved left logo / right navigation arrangement when the navigation wraps. */
@media(max-width:920px){
 .en-home .header{height:74px}
 .en-home .menu-toggle{display:block;background:transparent;border:1px solid #ffffff40;font-size:22px}
 .en-home .header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#121211;padding:25px;flex-direction:column;align-items:stretch;text-align:left;gap:10px;border-bottom:1px solid var(--line)}
 .en-home .header nav.open{display:flex}
 .en-home .header nav a{display:flex;align-items:center;min-height:40px;justify-content:flex-start}
}
@media(max-width:680px){
 .en-home .hero h1{font-size:clamp(25px,7vw,34px);line-height:1.35}
 .en-home .hero-brand-name{font-size:24px;margin-bottom:10px}
 .en-home .hero-description{font-size:16px;line-height:1.75;margin-top:18px;max-width:350px}
 .en-home .hero-actions{gap:18px;margin-top:22px}
 .en-home .hero-actions .inquiry-button{font-size:16px;min-height:48px}
 .en-home .hero .eyebrow,.en-home .scene .eyebrow{font-size:12px}
 .en-home .section-mark,.en-home .scene-top,.en-home .scene-bottom,.en-home .hero-top,.en-home .hero-bottom{font-size:11px;line-height:1.6}
 .en-home .section-mark>span:last-child,.en-home .scene-top>span:last-child{max-width:48%}
 .en-home .scene{height:auto;min-height:760px}
 .en-home .scene-content{padding:95px 0 35px}
 .en-home #commercial h2,.en-home #real-estate h2,.en-home #events h2{font-size:clamp(30px,8.5vw,40px);line-height:1.35}
 .en-home .scene-copy{margin-top:24px}
 .en-home .scene-copy h3{font-size:21px}
 .en-home .about-layout{direction:ltr;grid-template-columns:1fr;gap:32px}
 .en-home .about-brand{justify-self:stretch;text-align:left;width:100%;font-size:clamp(66px,19vw,96px);line-height:1.12}
 .en-home .about-layout>div[dir=ltr]{text-align:left}
 .en-home .contact-title{font-size:clamp(44px,11vw,64px)}
 .en-home .contact-details{margin-top:32px}
 .en-home .footer-brand{justify-content:flex-start;margin-left:auto}
 .en-home footer>.mono{flex-basis:100%;font-size:12px;text-align:left}
 .en-home footer{direction:ltr}
 .en-home footer button{margin-left:0;min-height:44px}
}

.english-page .service-header{direction:ltr}
.english-page .service-header nav{direction:ltr}
.english-page .service-brand{display:inline-flex;align-items:center;gap:10px;font-family:Arial,Helvetica,sans-serif;direction:ltr;letter-spacing:0}
.english-page .service-brand .brand-name{border:0;padding:0;font-size:24px;line-height:1.5}
.english-page h1,.english-page h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:0;line-height:1.35}
.english-page .service-kicker,.english-page .service-index,.english-page .service-art-caption{font-family:Arial,Helvetica,sans-serif;letter-spacing:0}
.english-page .service-art-caption{font-size:13px}
.english-page .service-button{min-height:48px}
@media(max-width:680px){.english-page .service-header{align-items:flex-start}.english-page .service-header nav{justify-content:flex-start}.english-page .service-brand{flex-direction:row;align-self:flex-start}.english-page .service-brand .brand-name{font-size:23px}.english-page .service-hero h1{font-size:clamp(34px,10vw,46px)}}

/* Same sections, images, colours and spacing; English reading direction and type. */
.en-home,.english-page{font-family:Arial,Helvetica,sans-serif;direction:ltr}
.en-home [dir=ltr] p{line-height:1.8;color:#aca9a2;font-size:16px}
.en-home .hero h1{font-size:clamp(35px,4.7vw,68px);line-height:1.16;max-width:1050px;letter-spacing:-.035em}
.en-home .hero-description{font-size:18px;line-height:1.7}
.en-home .header nav{gap:clamp(14px,2vw,30px);font-size:13px}
.en-home .service-list{direction:ltr}
.en-home .service-list h3,.en-home .idea-copy h2,.en-home .about h2,.en-home .scene-copy h3,.en-home .service-extra,.en-home .work-caption h3,.en-home .clients-heading h2,.en-home .bts-reel-label{font-family:Arial,Helvetica,sans-serif}
.en-home .service-list h3{font-size:23px;line-height:1.35}
.en-home .scene h2,.en-home .section-heading h2{letter-spacing:-.035em;line-height:1.12}
.en-home .scene-copy{margin-left:0;margin-right:auto}
.en-home .scene-copy h3{line-height:1.4}
.en-home .scene h2{max-width:1100px}
.en-home .about-brand{font-size:clamp(72px,9vw,130px);line-height:1;letter-spacing:-.04em}
.en-home .contact-title{line-height:1.02;letter-spacing:-.045em}
.en-home .footer-brand{direction:ltr}
.en-home .contact-details{flex-wrap:wrap}
.en-home .section-play{max-width:100%;line-height:1.5;white-space:normal}
.english-page .service-brand .brand-name{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.04em}
.english-page .service-hero h1{line-height:1.12;letter-spacing:-.035em}
@media(max-width:680px){
 .en-home .hero{height:auto;min-height:100svh;max-height:none;gap:55px}
 .en-home .hero h1{font-size:clamp(28px,7.4vw,38px);line-height:1.18}
 .en-home .hero-brand-name{font-size:24px;letter-spacing:0}
 .en-home .hero-description{font-size:16px;line-height:1.7}
 .en-home .hero-actions{flex-direction:column;gap:22px}
 .en-home .section-mark,.en-home .scene-top,.en-home .scene-bottom{align-items:flex-start}
 .en-home .scene h2,.en-home #commercial h2,.en-home #real-estate h2,.en-home #events h2{font-size:clamp(30px,8vw,40px);line-height:1.15}
 .en-home .about-brand{text-align:left;font-size:clamp(66px,19vw,96px)}
 .en-home .contact-title{font-size:clamp(42px,11vw,64px)}
 .en-home .footer-brand{margin-left:0;margin-right:auto}
 .en-home .contact-details a{overflow-wrap:anywhere}
 .en-home .hero-top>span{max-width:48%}
}
.en-home .hero h1 em{text-wrap:balance}
@media(min-width:921px){.en-home .header nav{flex-direction:row}}
.en-home #navigation{direction:ltr}
.en-home .hero h1 em{display:block;text-wrap:balance}