/* Fonts are served locally through /assets/fonts.css. */
:root{--bg:#0b0b0b;--panel:#121212;--ink:#f1eee7;--muted:#aaa69e;--line:#302f2c;--gold:#c7a66a;--max:1220px}

*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);scroll-behavior:smooth}
body{margin:0;font-family:"Archivo","Readex Pro",sans-serif;font-weight:300;line-height:1.75}
html[dir=rtl] body{font-family:"Readex Pro","Archivo",sans-serif}
a{color:inherit;text-underline-offset:.25em}
img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px max(24px,calc((100vw - var(--max))/2));background:rgba(11,11,11,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{text-decoration:none;font-weight:600;letter-spacing:.04em}
.site-header nav{display:flex;gap:22px;align-items:center}
.site-header nav a{text-decoration:none;color:var(--muted);font-size:.88rem}
.site-header nav a:hover{color:var(--ink)}
main{min-height:75vh}
.hero{min-height:78vh;display:grid;align-items:end;padding:clamp(42px,8vw,100px) max(24px,calc((100vw - var(--max))/2));position:relative;isolation:isolate;background:#151515}
.work-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--hero);background-size:cover;background-position:center}
.work-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.08) 65%),linear-gradient(90deg,rgba(0,0,0,.45),transparent)}
.hero>div{max-width:980px}
.eyebrow{color:var(--gold);font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:500}
.hero h1,.page-intro h1,.about-hero h1{font-family:"Playfair Display","Noto Kufi Arabic",serif;font-size:clamp(3rem,9vw,8rem);font-weight:500;line-height:.94;margin:.18em 0}
.alt-title{color:var(--muted);font-size:clamp(1rem,2vw,1.45rem);margin:.4rem 0}
.meta{font-size:.9rem;letter-spacing:.04em}
.content{max-width:var(--max);margin:auto;padding:clamp(52px,8vw,100px) 24px}
.work-content{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:clamp(38px,7vw,100px);align-items:start}
.gallery{display:grid;gap:18px}
.gallery img{width:100%;border:1px solid var(--line)}
.gallery img+img{aspect-ratio:16/10;object-fit:cover}
.copy{max-width:730px}
.lead{font-family:"Playfair Display","Noto Kufi Arabic",serif;font-size:clamp(1.45rem,3vw,2.4rem);line-height:1.42}
.awards{margin-top:42px;padding-top:26px;border-top:1px solid var(--line)}
.awards h2{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.awards ul{padding-inline-start:1.2em}
.awards li{margin:.65em 0}
.back{margin-top:44px}
.back a{display:inline-block;border:1px solid var(--line);padding:10px 16px;text-decoration:none}
.page-intro{max-width:var(--max);margin:auto;padding:clamp(80px,12vw,160px) 24px 70px}
.page-intro h1{font-size:clamp(3rem,8vw,7rem)}
.page-intro>p:last-child{max-width:680px;color:var(--muted);font-size:1.1rem}
.film-grid{max-width:var(--max);margin:auto;padding:0 24px 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.film-card{background:var(--bg)}
.film-card>a{display:block;text-decoration:none;height:100%}
.film-card img,.year-card{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.78)}
.year-card{display:grid;place-items:center;background:#191919;color:#67645e;font:500 clamp(3rem,8vw,7rem)/1 "Playfair Display",serif}
.film-card a>div:last-child{padding:26px}
.film-card h2{font-family:"Playfair Display","Noto Kufi Arabic",serif;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.05;margin:.25em 0}
.film-card p:last-child{color:var(--muted);font-size:.85rem}
.about-hero{max-width:var(--max);margin:auto;padding:clamp(70px,10vw,140px) 24px;display:grid;grid-template-columns:minmax(260px,430px) 1fr;align-items:center;gap:clamp(36px,8vw,110px)}
.about-hero img{aspect-ratio:4/5;object-fit:cover}
.about-hero h1{font-size:clamp(3.5rem,9vw,8rem)}
.bio-copy{max-width:850px;margin:auto;padding:0 24px 110px;font-family:"Playfair Display","Noto Kufi Arabic",serif;font-size:clamp(1.3rem,2.2vw,1.85rem)}
footer{max-width:var(--max);margin:auto;padding:28px 24px 46px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.8rem;flex-wrap:wrap}
@media(max-width:760px){.site-header{align-items:flex-start}
.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}
.site-header nav a:nth-child(3){display:none}
.work-content,.about-hero{grid-template-columns:1fr}
.film-grid{grid-template-columns:1fr}
.hero{min-height:68vh}
.about-hero img{max-height:70vh;width:100%}
}
.media-section{max-width:var(--max);margin:auto;padding:20px 24px 110px}
.media-heading{border-top:1px solid var(--line);padding-top:34px;margin-bottom:28px}
.media-heading h2{font-family:"Playfair Display","Noto Kufi Arabic",serif;font-size:clamp(2rem,5vw,4.6rem);line-height:1.05;margin:.2em 0}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.media-grid figure{margin:0;background:var(--panel);overflow:hidden}
.media-grid img,.media-grid video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.media-grid figure:nth-child(5){grid-column:span 2}
.media-video{grid-column:span 2}
.media-video figcaption{padding:12px 14px;color:var(--muted);font-size:.82rem}
@media(max-width:760px){.media-grid{grid-template-columns:1fr}.media-grid figure:nth-child(5),.media-video{grid-column:auto}}