/* Film images, captions and a quiet typographic identity. */
:root{--ink:#111310;--paper:#ecebe3;--muted:#b4b7ab;--gold:#c3c9b9;--line:#3a3e35;--header-height:86px}
body{background:var(--ink);color:var(--paper)}
.site-header,.is-home .site-header,.is-home.has-scrolled .site-header,body:not(.is-home) .site-header{position:sticky;top:0;min-height:var(--header-height);padding:10px 4.5vw;background:#111310f7;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{gap:10px;flex-shrink:0}.brand-seal{display:block;width:84px;height:64px;flex-shrink:0;overflow:visible;mix-blend-mode:normal}.brand-seal img{position:static;display:block;width:100%;max-width:100%;height:100%;object-fit:contain}.brand-wordmark{display:block;width:160px;height:64px;object-fit:contain}.brand .brand-name{font:500 30px/1.15 var(--display-ar);color:var(--paper);letter-spacing:0}
.brand .brand-name small{font:11px/1.65 'IBM Plex Sans Arabic',Arial,sans-serif;letter-spacing:0;margin-top:3px;color:var(--muted)}
html[lang="en"] .brand .brand-name{font:500 25px/1.05 var(--latin);letter-spacing:1px;color:#dfbd75}
html[lang="en"] .brand .brand-name small{font:10px/1.4 Arial,sans-serif;letter-spacing:1.5px;margin-top:6px;color:#cdaa67}
.site-nav{font-size:13px;gap:25px}.site-nav a{border-color:transparent}.site-nav a[aria-current="page"]{border-color:var(--paper)}
.language-switch{border-color:#727868;color:var(--paper);background:none}.language-switch:hover{background:#ffffff0c;border-color:var(--paper)}
.menu-toggle{font-size:13px}.paper :focus-visible,.press-browser :focus-visible{outline-color:#3c5141!important}
.identity-hero{height:auto!important;min-height:0!important;display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,1fr);overflow:visible;background:var(--ink);isolation:auto;border-bottom:1px solid var(--line)}
.identity-hero::after{content:none!important}.hero-frame{position:relative;isolation:isolate;aspect-ratio:16/9;min-width:0;align-self:center;background:#090b09;overflow:hidden}
.hero-frame .hero-poster{inset:0;z-index:0;object-fit:contain;object-position:center;width:100%;height:100%;filter:none;opacity:1}
.hero-frame .hero-video{inset:0;z-index:1}.hero-frame .hero-video iframe{inset:0;top:0;left:0;width:100%;height:100%;transform:none}
.hero-caption{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:35px 30px;min-height:490px;min-width:0}
.hero-caption .micro{font-size:10px;letter-spacing:.8px;color:var(--muted);line-height:1.7}
.hero-film-title h1{font:500 clamp(45px,4.4vw,68px)/1.25 var(--display-ar);margin:15px 0 6px;letter-spacing:0}
html[lang="en"] .hero-film-title h1{font:500 clamp(48px,4.6vw,72px)/1.03 var(--latin);letter-spacing:-.5px}
.director-line{font-size:13px;line-height:1.7;color:var(--muted)}
.hero-film-note>p{font-size:15px;line-height:1.95;color:#dcdfd3;max-width:420px}.hero-film-note .text-link{font-size:13px;line-height:1.7;margin-top:15px;border-color:#69705f}
html[lang="en"] .hero-film-note>p{font:14px/1.8 Arial,sans-serif}
.hero-caption .hero-controls{display:flex;flex-wrap:wrap;gap:4px 18px;border-top:1px solid var(--line);padding-top:16px;align-items:center;justify-content:flex-start}
.hero-caption .hero-controls button{font-size:11px;min-height:44px;gap:8px;line-height:1.45;padding:6px 0}
.hero-caption .hero-controls button b{font-weight:400}.hero-caption .hero-controls button span{font-size:16px}
.section{padding:82px 6vw}.section-heading{align-items:center;margin-bottom:38px}.section-heading h2{font:500 46px/1.3 var(--display-ar)}
html[lang="en"] .section-heading h2{font:500 54px/1.1 var(--latin)}
.section-heading .micro{font-size:9px;letter-spacing:1.3px;margin-bottom:8px;color:var(--muted)}.paper .section-heading .micro{color:#5e6758}
.text-link{font-size:13px;gap:20px;min-height:44px}.paper .text-link{color:#3f493a;border-color:#919888}
.home-films{padding-block:82px 55px;background:var(--paper)}.home-films .selected-pair{display:grid;grid-template-columns:1.35fr 1fr;gap:6vw;margin:0;align-items:start}
.feature-entry{display:block;min-width:0}.feature-entry:last-child{margin-top:92px}.feature-entry figure{overflow:hidden;background:#151813}
.feature-entry figure img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;filter:none;opacity:1}
.entry-meta{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#606857;font-size:11px;line-height:1.7;margin-top:17px}
.entry-meta>span:last-child{font:24px Arial,sans-serif;color:#404a38}.feature-entry h3{font:500 32px/1.4 var(--display-ar);margin-top:8px}
.entry-alt{font:500 25px/1.1 var(--latin);color:#69705f;margin-top:5px}.entry-caption{font-size:15px;line-height:1.85;max-width:520px;margin-top:15px;color:#47513f}
html[lang="en"] .feature-entry h3{font:500 39px/1.12 var(--latin)}html[lang="en"] .entry-caption{font:14px/1.8 Arial,sans-serif}
.film-recognition{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid #bfc5b5;margin-top:65px;padding-top:27px;align-items:start;color:#46513e}
.film-recognition>.micro{font:12px/1.8 'IBM Plex Sans Arabic',Arial,sans-serif;letter-spacing:0}.film-recognition ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 35px;margin:0;padding:0}
.film-recognition a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;border-bottom:1px solid #9ba28f}
.home-slate{background:#181c16;padding-block:75px 82px}.home-slate .section-heading .micro{color:var(--muted)}
.slate-grid{gap:34px}.card-image,.slate-grid .card-image,.work-grid .card-image{aspect-ratio:16/10;background:#0c0f0b}
.card-image img{filter:none;opacity:1}.card-hover{display:none!important}.card-arrow{border:0;border-radius:0;width:35px;height:35px;background:#10150f9c}
.film-card h3,.home-slate .film-card h3{font:500 29px/1.4 var(--display-ar);margin-top:10px}.card-english{font:500 25px/1.2 var(--latin);margin-top:5px}
.card-meta{font-size:11px;line-height:1.8;gap:15px}.card-status{color:#46563d}.home-slate .card-meta,.home-slate .card-english{color:#b8bfb0}.home-slate .card-status{color:#d8dfcb}
.project-logline{font-size:14px;line-height:1.9;color:#c1c8b6;margin-top:17px;max-width:450px}
html[lang="en"] .film-card h3,html[lang="en"] .home-slate .film-card h3{font:500 33px/1.15 var(--latin)}html[lang="en"] .project-logline{font:14px/1.8 Arial,sans-serif}
.studio-on-set{display:grid;grid-template-columns:1.55fr 1fr;gap:6vw;align-items:center;padding-block:85px;background:var(--paper);color:var(--ink)}
.studio-on-set figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.studio-on-set .image-caption{font-size:11px;line-height:1.8;color:#606b55;margin-top:12px}
.on-set-heading{display:block}.on-set-heading .micro{font-size:9px;letter-spacing:1.3px;color:#606b55;margin-bottom:14px}
.on-set-heading h2{font:500 43px/1.4 var(--display-ar)}.on-set-heading>p:not(.micro){font-size:16px;line-height:2;color:#47513f;max-width:460px;margin-top:18px}.on-set-heading .text-link{margin-top:20px;border-color:#919888}
html[lang="en"] .on-set-heading h2{font:500 53px/1.12 var(--latin)}html[lang="en"] .on-set-heading>p:not(.micro){font:15px/1.85 Arial,sans-serif}
.page{padding:52px 6vw 75px}.page-title{align-items:start;flex-direction:column;gap:12px;margin-bottom:38px;direction:inherit}.page-title>div{direction:inherit;text-align:start}
.page-title .display{font:10px/1.7 Arial,sans-serif;letter-spacing:1.8px;color:var(--muted)}.paper .page-title .display{color:#606b55}
.page-title h1{font:500 49px/1.35 var(--display-ar)}.page-title p{font-size:15px;line-height:1.9;max-width:700px;margin-top:10px}
html[lang="en"] .page-title h1{font:500 62px/1.1 var(--latin)}html[lang="en"] .page-title p{font:15px/1.8 Arial,sans-serif}
.work-grid{gap:52px 35px}.work-tools{padding-top:18px}.filters button{font-size:13px}.about-opening h2{font:500 43px/1.3 var(--display-ar)}.about-copy,.about-team .team-copy{font-size:16px;line-height:2}
html[lang="en"] .about-opening h2{font:500 52px/1.1 var(--latin)}html[lang="en"] .about-copy,html[lang="en"] .about-team .team-copy{font:16px/1.85 Arial,sans-serif}
.film-title h1{letter-spacing:-.02em}.film-section-nav{padding-block:9px}.film-section-nav button{font-size:13px}.film-information{margin-top:42px}.film-synopsis{font-size:18px;line-height:2;color:#dde1d5}
.film-media,.film-press{margin-top:55px}.film-media .section-heading h2,.film-press .section-heading h2{font:500 38px/1.3 var(--display-ar)}
html[lang="en"] .film-media .section-heading h2,html[lang="en"] .film-press .section-heading h2{font:500 47px/1.15 var(--latin)}
.press-browser{background:#e7eae0}.press-article{border-color:#c3cab8}.press-article h3{font-size:24px}.press-block{background:#20281d}.interview-still{filter:none;opacity:1}
.press-filters button[aria-pressed="true"]{background:#2f3b28;color:#f0f2e9}.press-search input,.work-search input{background:#f3f5ed;border-color:#909a83}
.site-footer{padding:45px 6vw 25px;background:#111510;border-top:1px solid #343e2e}.footer-top{display:flex;justify-content:space-between;gap:45px;align-items:start}
.footer-top .micro{font-size:9px;letter-spacing:1.5px;color:#aeb9a1}.footer-top .footer-wordmark{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;margin:8px 0 0;color:#dfbd75;white-space:normal}.footer-brand-seal{display:block;width:104px;height:78px;flex-shrink:0}.footer-brand-seal img{display:block;width:100%;height:100%;object-fit:contain}.footer-wordmark .footer-brand-script{display:block;width:230px;height:92px;object-fit:contain;margin:0}.footer-wordmark .footer-brand-copy{display:block;font:inherit}
.footer-wordmark .footer-english-wordmark{display:block;font:500 35px/1.05 var(--latin);letter-spacing:.4px;text-align:start}.footer-wordmark small{display:block!important;font:9px/1.6 Arial,sans-serif;letter-spacing:1.4px;margin-top:8px;text-align:start;color:#cdaa67}
.footer-enquiries{font-size:13px;line-height:1.9;color:#bac4ae}.footer-enquiries>a{display:inline-flex;min-height:44px;align-items:center;font:500 24px/1.3 var(--latin);margin-top:5px;color:#e0e5d9;border-bottom:1px solid #748368}
.footer-bottom{font-size:11px;line-height:1.8;margin-top:35px;padding-top:20px;border-color:#3b4733}.footer-bottom nav{font-size:12px;gap:24px}
.contact-title h1{max-width:none}.contact-title .display{font-size:10px}.contact-details .micro{font-size:9px;letter-spacing:1.2px}.contact-details address{font-size:16px}
.menu-dialog{background:#171d14}.menu-dialog nav a{font-size:30px;line-height:1.4}.menu-bottom p{font-size:12px}.section-note{font-size:14px;line-height:1.8}
@media(min-width:1051px){.hero-frame{max-height:none}.hero-caption{border-inline-start:1px solid var(--line)}}
@media(max-width:1050px){
 .identity-hero{display:block}.hero-frame{width:100%;max-height:70svh}.hero-caption{display:grid;grid-template-columns:1fr 1.4fr;gap:18px 6vw;min-height:0;padding:28px 6vw 25px}
 .hero-film-title h1{font-size:54px;margin:8px 0 3px}.hero-film-note{align-self:center}.hero-caption .hero-controls{grid-column:1/-1;gap:5px 28px;padding-top:10px;margin-top:5px}
 html[lang="en"] .hero-film-title h1{font-size:58px}.hero-film-note>p{font-size:15px}.hero-film-note .text-link{margin-top:5px}
 .section{padding-block:65px}.home-films .selected-pair{gap:4vw}.feature-entry:last-child{margin-top:75px}.studio-on-set{grid-template-columns:1.4fr 1fr;gap:5vw}
 .on-set-heading h2{font-size:38px}.on-set-heading>p:not(.micro){font-size:15px;line-height:1.95}.footer-top{gap:35px}
}
@media(max-width:700px){
 :root{--header-height:78px}.site-header,.is-home .site-header,.is-home.has-scrolled .site-header,body:not(.is-home) .site-header{min-height:78px;padding:11px 5vw;gap:8px}
 .site-nav{display:none}.brand .brand-name{font-size:27px}.brand .brand-name small{font-size:10px}.brand{min-width:0;gap:5px}.brand-seal{width:50px;height:50px}.brand-seal img{height:50px}.brand-wordmark{width:120px;height:48px}
 html[lang="en"] .brand .brand-name{font-size:20px;letter-spacing:.4px}html[lang="en"] .brand .brand-name small{font-size:8px;letter-spacing:1px}
 .hero-frame{max-height:none;aspect-ratio:16/9}.hero-caption{grid-template-columns:1fr;gap:17px;padding:24px 6vw 20px}.hero-film-title h1{font-size:47px;line-height:1.25;margin-top:6px}
 html[lang="en"] .hero-film-title h1{font-size:52px}.hero-caption .micro{font-size:9px}.director-line{font-size:12px}.hero-film-note>p{max-width:480px;font-size:15px;line-height:1.85}
 html[lang="en"] .hero-film-note>p{font-size:14px}.hero-film-note .text-link{margin-top:4px;font-size:12px}.hero-caption .hero-controls{grid-column:auto;margin:0;padding-top:8px;gap:4px 22px;justify-content:space-between}
 .hero-caption .hero-controls button{font-size:11px;min-height:44px;gap:6px}
 .section{padding:52px 6vw}.section-heading{gap:20px;margin-bottom:27px}.section-heading h2{font-size:38px}html[lang="en"] .section-heading h2{font-size:44px}
 .section-heading .micro{font-size:8px;letter-spacing:1px}.section-heading .text-link{font-size:12px}.home-films .selected-pair{grid-template-columns:1fr;gap:36px}.feature-entry:last-child{margin:0}
 .feature-entry h3{font-size:31px}.entry-alt{font-size:23px}.entry-caption{font-size:14px;line-height:1.85;margin-top:12px}.entry-meta{font-size:10px;margin-top:14px}html[lang="en"] .feature-entry h3{font-size:36px}
 .film-recognition{grid-template-columns:1fr;gap:10px;margin-top:40px;padding-top:22px}.film-recognition ul{display:block}.film-recognition a{font-size:12px;min-height:44px}
 .slate-grid{gap:35px}.project-logline{font-size:14px;margin-top:12px}.film-card h3,.home-slate .film-card h3{font-size:28px}.card-english{font-size:24px}
 .studio-on-set{grid-template-columns:1fr;gap:30px}.on-set-heading h2{font-size:37px}.on-set-heading>p:not(.micro){max-width:none;font-size:15px}html[lang="en"] .on-set-heading h2{font-size:46px}
 .page{padding:36px 6vw 55px}.page-title{gap:8px;margin-bottom:30px}.page-title .display{font-size:9px}.page-title h1{font-size:39px}.page-title p{font-size:14px}html[lang="en"] .page-title h1{font-size:47px}html[lang="en"] .page-title p{font-size:14px}
 .work-grid{gap:35px}.work-note{font-size:13px}.about-opening h2{font-size:35px}.about-copy,.about-team .team-copy{font-size:15px}.about-team{gap:25px}
 .film-page{padding-inline:6vw}.film-synopsis{font-size:16px}.film-section-nav{gap:0 20px}.film-section-nav button{font-size:12px}.film-media .section-heading h2,.film-press .section-heading h2{font-size:34px}
 html[lang="en"] .film-media .section-heading h2,html[lang="en"] .film-press .section-heading h2{font-size:40px}.press-browser{padding:22px 17px}.press-article h3{font-size:22px}.press-source{font-size:12px}
 .site-footer{padding:35px 6vw 22px}.footer-top{display:block}.footer-enquiries{margin-top:24px}.footer-top .footer-wordmark{gap:10px}.footer-brand-seal{width:64px;height:58px}.footer-wordmark .footer-brand-script{width:176px;height:71px}.footer-wordmark .footer-english-wordmark{font-size:30px}.footer-wordmark small{font-size:8px;letter-spacing:.8px}
 .footer-enquiries>a{font-size:25px}.footer-bottom{margin-top:27px;font-size:10px}.footer-bottom nav{font-size:11px}.contact-email{font-size:28px}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.feature-entry figure img{transition:transform .6s}.feature-entry:hover figure img{transform:scale(1.015)}}

/* English companion lettering: custom Latin capitals inspired by cuneiform. */
html[lang="en"] .brand .brand-wordmark-en{width:210px;height:70px;object-fit:contain}
html[lang="en"] .footer-wordmark .footer-brand-script-en{width:300px;height:100px;object-fit:contain}
@media(max-width:700px){
 html[lang="en"] .site-header{padding-inline:4vw}
 html[lang="en"] .brand-seal{width:42px;height:50px}
 html[lang="en"] .brand .brand-wordmark-en{width:142px;height:50px}
 html[lang="en"] .footer-wordmark .footer-brand-script-en{width:198px;height:66px}
}