/* Arabic typography and right-to-left layout; all media retains its original orientation. */
@font-face{font-family:Tajawal;src:url('assets/fonts/Tajawal-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/fonts/Tajawal-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/fonts/Tajawal-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
html{direction:rtl}body{font-family:Tajawal,'Segoe UI',Arial,sans-serif;line-height:1.9;letter-spacing:0}
h1,h2,h3,.hero h1,.hero h1 em,.section-heading h2,.case-narrative h3,.commercial-films-heading h3,.miral-copy h3,.bts-banner h3,.film-caption h3,.contact-links strong{letter-spacing:0}
em{font-family:inherit;font-style:normal;font-weight:400}h2{font-size:clamp(44px,5.4vw,86px);line-height:1.4}
.wordmark,.hero-name,.project-name,.client-heavy{direction:ltr;unicode-bidi:isolate;font-family:Arial,Helvetica,sans-serif}.wordmark{white-space:nowrap}.wordmark span{font-family:Tahoma,'Segoe UI',Arial,sans-serif;direction:rtl;letter-spacing:0;font-size:12px;line-height:1.5}
.hero{min-height:max(920px,100svh);height:auto;max-height:none}.hero-name{align-self:stretch;text-align:center}.hero-copy{padding-top:85px;padding-bottom:32px}.hero h1{font-size:clamp(42px,4.3vw,70px);line-height:1.4;margin-bottom:20px}.hero-copy .eyebrow{margin-bottom:18px}
.hero-shade{background:linear-gradient(270deg,#000b,transparent 85%),linear-gradient(0deg,#0b0b0b 2%,#0b0b0b88 28%,transparent 75%)}
.watch-reel{right:auto;left:10%;text-align:right;letter-spacing:0;font-size:14px}.watch-reel .play-circle{direction:ltr}.hero-top .eyebrow:last-child{text-align:left}.eyebrow,.section-kicker,.text-link,.image-caption,.hero-bottom,.hero-bottom button,.also,.film-caption p,.contact-links span,.collection summary>span:last-child,.service-body a,.social-links,footer>span,footer>a:last-child{letter-spacing:0}
.eyebrow{font-size:14px}.eyebrow i{margin-right:0;margin-left:10px}.section-kicker{font-size:13px}.header nav span{margin-left:0;margin-right:3px}.header nav a:last-child{margin-left:0;margin-right:24px}.menu-toggle span{margin-left:0;margin-right:12px}.hero-bottom{font-size:12px}
.about-copy .lead{font-size:23px;line-height:1.8}.about-facts{gap:35px}.about-facts strong{font-size:33px;line-height:1.55}.about-facts span{letter-spacing:0;font-size:12px}.image-caption{font-size:12px}.about-copy p{line-height:2}
.services summary{letter-spacing:0;font-size:clamp(24px,3vw,46px);line-height:1.5}.service-plus{margin-left:0;margin-right:auto}.service-body{padding:0 55px 30px 0}.service-no{direction:ltr}.collection summary b{margin-left:0;margin-right:18px}.collection summary{line-height:1.7}
.artwork,.portrait-button{text-align:right}.bts-inset{right:auto;left:-35px}.portrait-wrap>.image-caption{padding-right:0;padding-left:12px}
.case-narrative h3,.commercial-films-heading h3{font-size:clamp(35px,3.8vw,60px);line-height:1.5}.project-tags span{font-size:12px}.results strong{font-size:clamp(28px,2.9vw,46px);line-height:1.5;letter-spacing:0;display:block}.results h4{font-size:14px;line-height:1.7}.results p{font-size:12px}.results-label{line-height:1.8}
.film-caption h3{font-size:18px;line-height:1.7;unicode-bidi:plaintext}.film-caption p{font-size:12px}.film-counter{right:18px;left:auto;letter-spacing:0}.film-play{left:18px;right:auto;direction:ltr}.film-caption{gap:12px}.miral-layout .film-caption h3{font-size:16px}
.bts-banner h3{line-height:1.6}.miral-copy h3{font-size:clamp(40px,4.3vw,68px);line-height:1.5}.miral-copy p{line-height:1.9}.contact h2{font-size:clamp(46px,7vw,108px);line-height:1.4}.contact-links strong[dir=ltr]{display:block;text-align:right;unicode-bidi:isolate;font-family:Arial,sans-serif}.social-links span{margin-left:0;margin-right:28px}.dialog-toolbar h2{line-height:1.7;unicode-bidi:plaintext}#media-stage video{direction:ltr}#media-count{direction:ltr;unicode-bidi:isolate}.client-list>span{line-height:1.6}
@media(max-width:900px){.header nav a:last-child{margin-right:0}.watch-reel{left:7%}.results{grid-template-columns:repeat(3,minmax(0,1fr))}.miral-copy h3{font-size:45px}}
@media(max-width:600px){.hero{min-height:max(850px,100svh);height:auto}.hero-copy{padding-top:95px;padding-bottom:130px}.hero h1{font-size:clamp(34px,8.3vw,49px);line-height:1.5}.hero-top .eyebrow,.hero-copy>.eyebrow{font-size:12px}.hero-top .eyebrow:last-child{text-align:left}.watch-reel{left:auto;right:var(--pad);bottom:155px}.watch-reel>span:last-child{font-size:12px}.hero-bottom,.hero-bottom button{font-size:12px}.hero-film video{object-position:24% center}.section-kicker{font-size:12px}.section-kicker span:last-child{text-align:left}.section-kicker span:first-child{max-width:50%}h2{font-size:46px;line-height:1.5}.about-copy .lead{font-size:21px}.about-facts{gap:32px}.about-facts strong{font-size:29px}.service-body{padding:0 34px 30px 0}.services summary{font-size:24px}.collection summary{font-size:15px}.collection summary>span:last-child{font-size:12px}.collection summary b{margin-right:8px}.bts-inset{right:auto;left:12px}.artwork-caption{font-size:12px}.results{grid-template-columns:repeat(2,minmax(0,1fr))}.results strong{font-size:34px}.results-label>span:last-child{text-align:left}.film-caption h3{font-size:16px}.film-counter{left:auto;right:10px}.film-play{left:10px;right:auto}.miral-copy h3{font-size:44px}.miral-copy h3 br{display:block}.bts-banner h3{font-size:33px}.contact h2{font-size:clamp(38px,9vw,54px)}.contact-arrow{margin:0 auto 35px 0}.contact-links strong{font-size:24px}.social-links{gap:24px}.social-links span{margin-right:5px}.mobile-nav a{font-size:29px}}
/* Keep the newly selected portrait intact, including the full standing pose. */
.portrait-wrap .portrait-button img{aspect-ratio:3/4;object-fit:contain;max-height:none;height:auto}
/* Local Arabic type: stronger titles, calm reading rhythm. */
body{font-size:18px}button,input,textarea,select{font-family:inherit}
h1,h2,h3,.hero h1,.services summary{font-weight:700}
em,.hero h1 em{font-family:inherit;font-weight:500}
.wordmark span{font-family:Tajawal,sans-serif;font-weight:500;font-size:14px}
.header nav,.work-index,.text-link,.section-kicker{font-weight:500}
.about-copy .lead{font-size:25px;line-height:1.85}
.about-copy p{line-height:1.95}.about-facts strong{font-weight:500}
.section-heading>p,.section-heading>div,.case-narrative p,.miral-copy p{line-height:1.9}
.project-tags span,.image-caption,.film-caption p,.contact-links span,.also{font-size:14px}
.client-list{list-style:none;padding:0;gap:12px;border:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.client-list>li{margin:0;min-width:0;height:220px;padding:30px;display:flex;align-items:center;justify-content:center;background:#181818;border:1px solid #ffffff12}
.client-list>li,.client-list>li.logo-light,.client-list>li.logo-white{background:#0b0b0b;border-color:#ffffff12}
.client-list img{filter:none}
.client-list img{width:100%;max-width:270px;height:155px;object-fit:contain;display:block}
.client-list img.logo-tall{max-width:170px;height:165px}
@media(max-width:600px){body{font-size:17px}.about-copy .lead{font-size:22px}.client-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.client-list>li{height:160px;padding:16px}.client-list img{height:115px}.client-list img.logo-tall{height:125px;max-width:130px}}