@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#121411;--ink:#f0eee6;--muted:#a1a398;--accent:#d6ef83;--line:#34372d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#121411;position:relative;z-index:5}.logo{font-family:Arial,sans-serif;font-size:43px;font-weight:900;letter-spacing:-4px;display:flex;align-items:center;line-height:.85}.logo span{font-size:10px;letter-spacing:3px;writing-mode:vertical-rl;margin-left:9px}.logo i{font-size:11px;align-self:flex-start;letter-spacing:0;margin:0 0 0 8px;font-style:normal}nav{display:flex;gap:38px;align-items:center;font-size:13px}.nav-cta{border:1px solid #747768;padding:14px 20px;border-radius:2px}.nav-cta span{margin-left:26px;color:var(--accent)}.hero{min-height:720px;height:calc(100svh - 100px);max-height:1100px;position:relative;margin:0 18px;overflow:hidden;background:#313827}.hero-img{width:100%;height:100%;object-fit:cover;opacity:.65}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#0b16083b,#18200d25 30%,#10170bd9 95%)}.hero-top,.hero-foot{position:absolute;left:3%;right:3%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px}.hero-top{top:32px}.status b{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:9px}.hero-copy{position:absolute;left:4%;right:4%;bottom:100px}h1,h2,h3,p{margin:0}h1{font-family:Manrope,sans-serif;font-size:clamp(70px,8.7vw,150px);font-weight:500;line-height:1.02;letter-spacing:-7px}em{font-family:Georgia,serif;font-weight:400}h1 em{color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:34px}.hero-bottom p{font-size:15px;line-height:1.7}.circle-link{display:flex;align-items:center;gap:24px;font-size:12px}.circle-link b{border:1px solid #8d9580;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;font-size:25px;font-weight:400}.hero-foot{bottom:28px;border-top:1px solid #8b927c55;padding-top:18px}.section{padding:100px 5%}.eyebrow{font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:45px 0}h2{font-family:Manrope,sans-serif;font-size:clamp(46px,5.5vw,86px);font-weight:500;line-height:1.08;letter-spacing:-3px}.section-heading p{max-width:330px;color:var(--muted);font-size:15px;line-height:1.7}.filters{display:flex;gap:8px;margin:38px 0 30px;flex-wrap:wrap}.filters button{padding:11px 20px;border:1px solid var(--line);border-radius:30px;background:none;color:var(--muted);cursor:pointer;font-size:12px}.filters button.active{background:var(--accent);border-color:var(--accent);color:#171c10}.filters small{margin-left:12px;font-size:9px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 26px}.project[hidden]{display:none}.picture{height:350px;position:relative;overflow:hidden;background:#292d25}.picture img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:saturate(.65) brightness(.8)}.project:hover img{transform:scale(1.035);filter:saturate(1) brightness(.95)}.project-label{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:1px;border:1px solid #ffffff70;padding:8px 10px;background:#0003}.picture b{position:absolute;right:20px;bottom:20px;border:1px solid #fff8;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-weight:400;font-size:20px}.project-caption{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.project-caption h3{font-size:21px;font-weight:400;letter-spacing:-.4px}.project-caption span{font-size:9px;color:var(--muted);letter-spacing:1px}.preview-note{font-size:10px;line-height:1.6;color:var(--muted);margin-top:35px}.studio{background:#e7e7da;color:#1c2218}.studio-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;margin-top:55px}.studio-grid .large{font-size:25px;line-height:1.5;color:#252e20;margin-bottom:25px}.studio-grid p{font-size:14px;line-height:1.85;color:#5d6457}.text-link{margin-top:30px;display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #9ca48f;font-size:13px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;border-top:1px solid #bbc1ae;margin-top:75px;padding-top:35px}.process span{font-size:9px;letter-spacing:1px;color:#626c56}.process h3{font-size:23px;font-weight:500;margin:22px 0 12px;letter-spacing:-.6px}.process p{font-size:13px;line-height:1.7;color:#626c56}.contact{padding-top:90px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin-top:55px}.contact h2 em{color:var(--accent)}.contact p{color:var(--muted);font-size:14px;line-height:1.7;margin-top:28px}.contact .contact-note{font-size:12px;max-width:290px;color:#858b7c;margin-top:45px}form label{display:block;font-size:10px;letter-spacing:.4px;color:#bfc4b5;margin-bottom:25px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #505545;padding:13px 0;background:transparent;color:var(--ink);border-radius:0;font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select option{background:var(--bg)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#737b69}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.submit{display:flex;justify-content:space-between;background:var(--accent);color:#1c2414;border:0;width:100%;padding:19px 22px;cursor:pointer}.submit:hover{background:#e4ff99}.contact #form-status{font-size:10px;margin-top:12px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:45px 5%;gap:25px}footer>span,footer>a:not(.logo),footer small{font-size:9px;letter-spacing:1px;color:var(--muted)}@media(min-width:1600px){.picture{height:440px}}@media(max-width:760px){header{height:80px;padding:0 6%}.logo{font-size:34px}nav{gap:16px}nav>a:not(.nav-cta){display:none}.nav-cta{padding:11px 14px;font-size:11px}.hero{margin:0 9px;min-height:660px;height:calc(100svh - 90px)}.hero-top{left:6%;right:6%;font-size:8px}.status{display:none}.hero-copy{left:6%;right:6%;bottom:110px}h1{font-size:clamp(56px,11.5vw,88px);letter-spacing:-3px}.hero-bottom{align-items:flex-start;gap:20px;flex-direction:column}.hero-bottom p{font-size:13px}.circle-link{gap:18px}.circle-link b{width:42px;height:42px}.hero-foot{left:6%;right:6%;line-height:1.8;font-size:8px}.hero-foot span:last-child{display:none}.section{padding:65px 6%}.eyebrow{font-size:9px}.eyebrow span:last-child{display:none}.section-heading{display:block;margin-top:30px}h2{font-size:49px;letter-spacing:-2px}.section-heading p{margin-top:24px;font-size:14px}.filters{gap:7px}.filters button{padding:10px 13px;font-size:11px}.grid{grid-template-columns:1fr;gap:30px}.picture{height:290px}.project-caption h3{font-size:19px}.project-caption span{font-size:8px}.studio-grid,.contact-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.studio-grid .large{font-size:22px}.process{grid-template-columns:1fr;gap:30px;margin-top:45px}.process h3{margin-top:12px}.contact .contact-note{margin-top:22px;max-width:none}.form-row{gap:18px}footer{flex-wrap:wrap;padding:30px 6%}footer>span{display:none}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.director{border-top:1px solid var(--line)}.director-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:50px}.director-portrait{background:linear-gradient(140deg,#2e3529,#1c2118 60%,#262e20);min-height:510px;position:relative;padding:24px;color:var(--muted)}.portrait-index,.portrait-bottom{font-size:9px;letter-spacing:1.5px}.portrait-bottom{position:absolute;bottom:24px;left:24px}.portrait-placeholder{position:absolute;inset:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.portrait-placeholder p{font-size:30px;line-height:1.2;color:#b5bf9e;letter-spacing:-1px}.portrait-placeholder small{font-size:8px;letter-spacing:1px;line-height:1.8;margin-top:20px;max-width:160px}.frame-corner{position:absolute;width:22px;height:22px;border-color:#8f9f7655;border-style:solid}.tl{top:0;left:0;border-width:1px 0 0 1px}.tr{top:0;right:0;border-width:1px 1px 0 0}.bl{bottom:0;left:0;border-width:0 0 1px 1px}.br{bottom:0;right:0;border-width:0 1px 1px 0}.director-copy h2 em{color:var(--accent)}.director-identity{margin-top:30px}.director-identity h3{font-size:17px;font-weight:500}.director-identity span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.director-intro{font-size:22px;line-height:1.5;margin-top:30px}.director-draft{color:var(--muted);font-size:14px;line-height:1.8;margin-top:15px}.director-copy .text-link{border-color:var(--line)}@media(max-width:760px){.director-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.director-portrait{min-height:370px}.director-intro{font-size:20px}.director-identity{margin-top:24px}}

.director-photo{margin:0;padding:0;min-height:0;overflow:hidden;aspect-ratio:4 / 5}.director-photo img{display:block;width:100%;height:100%;object-fit:cover}.director-photo figcaption{position:absolute;left:20px;bottom:18px;font-size:9px;letter-spacing:1.4px;color:#f0eee6;text-shadow:0 1px 6px #000;background:#12141199;padding:8px 10px}

.recognition{padding-top:55px;padding-bottom:60px;border-top:1px solid var(--line);background:#171b14}.recognition-heading{display:flex;justify-content:space-between;gap:30px;align-items:baseline;margin:30px 0 28px}.recognition-heading h2{font-size:38px;letter-spacing:-1.3px;line-height:1.2}.recognition-heading h2 em{color:var(--accent)}.recognition-heading p{font-size:12px;color:var(--muted);line-height:1.6}.recognition-heading cite{font-style:italic;color:var(--ink)}.laurel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;align-items:center}.laurel-grid img{display:block;width:100%;height:auto}@media(max-width:1000px){.laurel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 35px}}@media(max-width:760px){.recognition{padding-top:40px;padding-bottom:40px}.recognition-heading{display:block;margin:24px 0}.recognition-heading h2{font-size:32px}.recognition-heading p{margin-top:12px}.laurel-grid{gap:22px 12px}}@media(max-width:420px){.laurel-grid{grid-template-columns:1fr;gap:24px}.laurel-grid img{max-width:300px;margin:auto}}

.film-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin:42px 0 48px}.film-kicker{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-bottom:18px}.film-intro h2{font-size:clamp(54px,6vw,88px);letter-spacing:-2.5px;color:var(--accent);line-height:1.1}.film-synopsis{font-size:20px;line-height:1.65;letter-spacing:-.3px}.film-credit{font-size:12px;line-height:1.9;color:var(--muted);margin-top:22px}.film-credit span{color:var(--ink);white-space:nowrap}.film-awards-label{border-top:1px solid var(--line);padding-top:22px;margin-bottom:22px;font-size:9px;letter-spacing:1.3px;display:flex;justify-content:space-between;gap:20px;color:var(--ink)}.film-awards-label span{color:var(--muted);letter-spacing:.4px}@media(max-width:760px){.film-intro{grid-template-columns:1fr;gap:24px;margin:32px 0}.film-intro h2{font-size:58px}.film-synopsis{font-size:18px}.film-credit{margin-top:15px}.film-awards-label{display:block;line-height:1.8}.film-awards-label span{display:block;margin-top:7px}}

.music-project .picture{height:auto;aspect-ratio:16 / 9}.music-project .picture img{filter:none}.project-artist{font-size:14px;margin-top:7px;color:var(--muted)}.project-credit{font-size:11px;line-height:1.7;margin-top:9px;color:var(--muted)}.video-dialog{background:#171b14;color:var(--ink);border:1px solid var(--line);padding:24px;width:min(1000px,94vw);max-height:92svh;overflow:auto}.video-dialog::backdrop{background:#060805e8}.video-dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.2px;margin-bottom:18px}.video-close{border:1px solid #66715a;background:none;color:var(--ink);padding:10px 14px;cursor:pointer;font-size:12px}.video-close span{margin-left:16px;font-size:18px}.video-player{aspect-ratio:16 / 9;background:#000}.video-player iframe{display:block;width:100%;height:100%;border:0}.video-info{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.video-info h2{font-size:32px;letter-spacing:-1px}.video-info p{color:var(--muted);font-size:14px;margin-top:8px}.video-info .text-link{margin:0;white-space:nowrap;border-color:var(--line)}.video-credit{font-size:12px;line-height:1.8;margin-top:18px}.video-help{font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}body.video-open{overflow:hidden}@media(max-width:760px){.video-dialog{padding:15px}.video-info{display:block}.video-info .text-link{margin-top:18px;display:inline-flex}.video-info h2{font-size:27px}}

.video-offsite{display:block;width:100%;height:100%;position:relative}.video-offsite img{display:block;width:100%;height:100%;object-fit:cover}.video-offsite span{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);padding:14px 20px;background:var(--accent);color:#171c10;font-size:12px;text-align:center;width:max-content;max-width:90%}

.featured-music{grid-column:1 / -1;display:block;margin-bottom:22px}.featured-music-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;letter-spacing:1.5px;margin-bottom:17px;color:var(--accent)}.featured-music-heading span:last-child{color:var(--muted)}.featured-music .picture b{width:68px;height:68px;font-size:24px;background:#12141144;right:30px;bottom:30px}.featured-music-info{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:end;margin-top:25px;padding-bottom:30px;border-bottom:1px solid var(--line)}.featured-music-info h3{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,62px);font-weight:500;letter-spacing:-1.7px;line-height:1.15}.featured-track{font-size:30px;line-height:1.3;color:var(--accent);margin-top:8px}.featured-music-details{justify-self:end;text-align:right}.featured-music-details .project-credit{margin:0 0 18px;font-size:12px;color:var(--ink)}.featured-watch{display:inline-flex;gap:30px;align-items:center;padding:13px 18px;border:1px solid #747768;font-size:12px;transition:background .2s,color .2s}.featured-watch>span{color:var(--accent);font-size:18px}.featured-music:hover .featured-watch{background:var(--accent);color:#171c10}.featured-music:hover .featured-watch>span{color:#171c10}@media(max-width:760px){.featured-music{margin-bottom:8px}.featured-music-heading{font-size:8px;letter-spacing:1px}.featured-music-info{grid-template-columns:1fr;gap:20px;margin-top:20px;padding-bottom:25px}.featured-music-details{justify-self:start;text-align:left}.featured-music-info h3{font-size:37px}.featured-track{font-size:27px}.featured-music .picture b{width:46px;height:46px;font-size:17px;right:16px;bottom:16px}.featured-music-details .project-credit{font-size:11px}.featured-watch{padding:11px 15px;font-size:11px}}

.hero-selected-work{display:inline-flex;flex-direction:column;gap:8px;margin-top:28px;padding-left:15px;border-left:1px solid #d6ef8370}.hero-selected-label{font-size:9px;line-height:1.5;letter-spacing:1.3px;color:var(--accent)}.hero-selected-title{font-size:13px;line-height:1.6;color:var(--ink)}.hero-selected-arrow{display:inline-block;margin-left:15px;color:var(--accent);transition:transform .2s}.hero-selected-work:hover .hero-selected-arrow{transform:translate(2px,-2px)}#hawa-mohabbat{scroll-margin-top:35px}@media(max-width:760px){.hero-selected-work{margin-top:23px;padding-left:12px;gap:6px}.hero-selected-label{font-size:8px;letter-spacing:1px}.hero-selected-title{font-size:12px}.hero-selected-arrow{margin-left:9px}}

.film-project .picture,.commercial-project .picture{height:auto;aspect-ratio:16 / 9}.film-project .picture img,.commercial-project .picture img{filter:none}
.commercial-project .project-label{background:#121411dd;border-color:#a1a398}.commercial-project .picture b{background:#121411bb;border-color:#a1a398}

.film-watch{display:inline-flex;align-items:center;gap:30px;border:1px solid #747768;padding:13px 18px;margin-top:24px;font-size:12px;color:var(--ink);transition:background .2s,color .2s}.film-watch>span{color:var(--accent);font-size:13px}.film-watch:hover{background:var(--accent);color:#171c10}.film-watch:hover>span{color:#171c10}.film-project .picture b{background:#12141155}

.contact-email{display:inline-flex;align-items:center;gap:20px;font-size:clamp(16px,2vw,24px);letter-spacing:-.4px;margin-top:36px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--accent)}.contact-email:hover{border-color:var(--accent)}.contact-email>span{font-size:19px}

/* Portfolio finishing pass */
.recognition{padding-bottom:45px}.film-awards-label{margin-bottom:18px}.laurel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1000px;margin:0 auto}.laurel-grid img{width:100%;max-width:220px;justify-self:center}.reels{border-top:1px solid var(--line);background:#151911}.reels-layout{display:grid;grid-template-columns:1fr minmax(230px,300px);align-items:center;gap:15%;max-width:1100px;margin:auto}.reels-copy h2{margin-top:38px}.reels-copy h2 em{color:var(--accent)}.reels-copy p{color:var(--muted);line-height:1.7;font-size:15px;margin-top:25px}.reels-copy .text-link{max-width:290px;border-color:var(--line);margin-top:30px}.reel-card{display:block;position:relative;aspect-ratio:9 / 16;overflow:hidden;background:#1d2519}.reel-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.reel-card:hover img{transform:scale(1.025)}.reel-card::after{content:'';position:absolute;inset:0;background:linear-gradient(#0006,transparent 25%,transparent 65%,#000b)}.reel-card-top,.reel-card-bottom{position:absolute;z-index:1;left:18px;right:18px;letter-spacing:1.1px;font-size:9px;color:#f0eee6}.reel-card-top{top:20px}.reel-card-bottom{bottom:20px;display:flex;align-items:center;justify-content:space-between}.reel-card-bottom b{font-size:22px;font-weight:400;color:var(--accent)}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.submit:disabled{opacity:.65;cursor:wait}.contact .form-privacy{font-size:10px;margin-top:8px;color:var(--muted)}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.contact #form-status[data-state="error"]{color:#f2b5a6}.contact #form-status[data-state="success"]{color:var(--accent)}
@media(max-width:1000px){.laurel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reels-layout{gap:10%}}@media(max-width:760px){.laurel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;max-width:480px}.laurel-grid img{max-width:210px}.reels-layout{grid-template-columns:1fr;gap:35px}.reels-copy h2{margin-top:26px}.reel-card{width:min(100%,280px);justify-self:center}.reels-copy p{font-size:14px}.recognition{padding-bottom:35px}}

/* A finished frame from Emergence leads the homepage. The crop excludes its letterboxing. */
.hero{background:#061a1c}.hero-img{position:absolute;inset:0;object-position:75% center;transform:scale(1.38);transform-origin:75% center;opacity:1}.shade{background:linear-gradient(90deg,#06131480,transparent 78%),linear-gradient(180deg,#06131425 5%,transparent 28%,#07131438 48%,#071314e0 100%)}.hero-frame-credit{color:var(--muted)}.hero-frame-credit:hover{color:var(--accent)}
@media(max-width:760px){.hero-img{inset:0;left:0;width:100%;height:62%;object-position:80% 50%;transform:scale(1.38);transform-origin:80% 50%;opacity:1}.shade{background:linear-gradient(180deg,#06131430 0%,transparent 18%,#10161470 39%,#101614 55%)}.hero{background:#101614}.hero-foot .hero-frame-credit{display:none}}
