@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}}

/* Hawa Mohabbat: the planning behind the film */
.featured-music-link{display:block}.featured-music-info{border-bottom:0;padding-bottom:25px}.project-story{display:grid;grid-template-columns:1fr 1.45fr;gap:8%;padding:28px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:start}.project-story-kicker{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:15px}.project-story h4{font-family:Manrope,sans-serif;font-size:clamp(25px,2.5vw,36px);font-weight:500;letter-spacing:-1px;line-height:1.2;margin:0}.project-story-copy{font-size:14px;line-height:1.85;color:#bfc4b5;max-width:620px;padding-top:2px}
@media(max-width:760px){.project-story{grid-template-columns:1fr;gap:20px;padding:25px 0}.project-story h4{font-size:29px}.project-story h4 br{display:none}.project-story-copy{font-size:14px}.project-story-kicker{margin-bottom:12px}}

.featured-music-details .project-role{font-size:12px;line-height:1.6;color:var(--accent);margin:0 0 8px}

/* Compact stories for portfolio cards */
.project-video-link{display:block}.project-story-compact{grid-template-columns:1fr;gap:14px;margin-top:24px;padding:24px 0}.project-story-compact .project-story-kicker{margin-bottom:12px}.project-story-compact h4{font-size:25px;letter-spacing:-.7px}.project-story-compact .project-story-copy{font-size:13px;line-height:1.8;padding:0}

/* Frame stories: a compact disclosure within the Hawa Mohabbat project */
.project-frames{border-bottom:1px solid var(--line)}.project-frames summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;list-style:none;color:var(--accent);font-size:12px}.project-frames summary::-webkit-details-marker{display:none}.project-frames summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.project-frames-toggle::before{content:'+';font-size:22px;line-height:1}.project-frames[open] .project-frames-toggle::before{content:'−'}.project-frames-content{padding:8px 0 30px}.project-frames-intro{max-width:650px;font-size:14px;line-height:1.8;color:#bfc4b5;margin-bottom:24px}.project-frames-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-frames figure{margin:0;min-width:0}.project-frames img{display:block;width:100%;height:auto;filter:none;transform:none}.project-frames figcaption{padding-top:18px}.frame-index{display:block;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.project-frames h5{font-family:Manrope,sans-serif;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.4px;margin:12px 0 10px}.project-frames figcaption p{font-size:13px;line-height:1.8;color:#bfc4b5}.project:hover .project-frames img{filter:none;transform:none}@media(max-width:760px){.project-frames-grid{grid-template-columns:1fr;gap:30px}.project-frames-content{padding-bottom:26px}.project-frames h5{font-size:21px}.project-frames figcaption{padding-top:16px}}

.project-frames-compact .project-frames-grid{grid-template-columns:1fr;gap:28px}.project-frames-compact .project-frames-content{padding-top:4px}.project-frames-compact h5{font-size:20px;margin:10px 0 8px}.project-frames-compact figcaption{padding-top:14px}

.film-story-link{display:inline-flex;align-items:center;gap:22px;justify-self:start;padding-bottom:7px;border-bottom:1px solid var(--line);color:var(--accent);font-size:12px}.film-process{margin:0 0 30px;border-top:1px solid var(--line);scroll-margin-top:35px}.film-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-top:12px}.film-process h3{font-family:Manrope,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.5px;line-height:1.35;margin:14px 0 12px}.film-process p{font-size:14px;line-height:1.85;color:#bfc4b5}@media(max-width:760px){.film-process-grid{grid-template-columns:1fr;gap:28px}.film-process h3{font-size:23px}}

/* Project pages keep the film and its production choices together at one address. */
.case-link{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--accent);padding:20px 0;border-bottom:1px solid var(--line)}
.case-header{padding-top:40px;padding-bottom:0;max-width:1500px;margin:auto}.case-back{font-size:12px;color:var(--muted)}.case-kicker{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin:55px 0 20px;color:var(--accent)}.case-page h1{font-size:clamp(48px,7vw,110px);letter-spacing:-3px;line-height:1.1}.case-role{font-size:14px;line-height:1.7;margin-top:24px;color:var(--muted)}.case-watch{display:block;position:relative;margin-top:40px;aspect-ratio:16/9;background:#000;overflow:hidden}.case-watch>img{width:100%;height:100%;object-fit:cover}.case-watch>span{position:absolute;bottom:24px;left:24px;background:var(--accent);color:var(--bg);padding:16px 20px;font-size:13px;display:flex;gap:28px}.case-content{padding-top:40px;padding-bottom:50px;max-width:1500px;margin:auto}.case-content .project-story{margin-top:0}.case-content .project-story h4,.case-content .project-story h2{font-size:clamp(26px,3vw,40px);letter-spacing:-1px}.case-content .project-story-compact{grid-template-columns:1fr 1.45fr}.case-content .project-story-copy{font-size:15px}.case-content .project-frames-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-intro{font-size:clamp(19px,2.2vw,28px);line-height:1.6;max-width:850px;margin-bottom:36px}.case-content .film-process{margin-top:0}.case-next{border-top:1px solid var(--line);background:#171b14}.case-next h2{font-size:clamp(35px,4vw,60px);letter-spacing:-1.5px}.case-next>.text-link{max-width:400px}.case-related{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:65px}.case-related h3{grid-column:1/-1;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:400}.case-related a{display:flex;justify-content:space-between;gap:20px;font-size:16px;border-bottom:1px solid var(--line);padding-bottom:15px}.case-related a span{color:var(--accent)}.not-found{min-height:65vh}.not-found p{margin:25px 0;line-height:1.7;color:var(--muted)}
@media(max-width:760px){.case-header{padding-top:30px}.case-kicker{margin-top:38px;font-size:9px;line-height:1.8}.case-page h1{font-size:52px;letter-spacing:-2px}.case-role{font-size:12px}.case-watch{margin-top:28px}.case-watch>span{left:12px;bottom:12px;padding:11px 13px;font-size:10px;gap:12px}.case-content{padding-top:28px}.case-content .project-frames-grid,.case-related{grid-template-columns:1fr}.case-content .project-story-compact{grid-template-columns:1fr}.case-related{gap:24px;margin-top:45px}}

.case-content .frame-heading{font-family:Manrope,sans-serif;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.4px;margin:12px 0 10px}

/* The meaning of INAT and Gurdeep's way of approaching a scene. */
.studio-meaning{font-size:11px!important;letter-spacing:2px;text-transform:uppercase;margin:0 0 25px!important;color:#343e29!important}.studio-meaning span{letter-spacing:1px;color:#626c56}.studio .studio-services{font-size:12px;margin-top:20px}.creative-process{border-top:1px solid #bbc1ae;margin-top:70px;padding-top:35px}.creative-process-heading{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:7%;align-items:start}.creative-process-heading>span{font-size:9px;letter-spacing:1.3px;color:#626c56;padding-top:8px}.creative-process-heading h3{font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.15;letter-spacing:-1.2px}.creative-process-heading>p{font-size:13px;line-height:1.8;color:#626c56;max-width:270px;padding-top:5px}.creative-process .process{border-top:0;margin-top:40px;padding-top:0;gap:5%}.creative-process .process>div{border-top:1px solid #bbc1ae;padding-top:22px}.creative-process .process h4{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.5px;margin:22px 0 12px}.creative-process .process p{font-size:14px;line-height:1.8}@media(max-width:760px){.studio-meaning{margin-bottom:18px!important}.creative-process{margin-top:45px;padding-top:28px}.creative-process-heading{grid-template-columns:1fr;gap:22px}.creative-process-heading h3{font-size:36px}.creative-process-heading>p{padding-top:0;max-width:340px}.creative-process .process{margin-top:30px;gap:28px}.creative-process .process h4{font-size:23px;margin-top:18px}}

/* Five recognitions retain a balanced, centred row as the viewport narrows. */
.laurel-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:1180px}.laurel-grid img{width:calc((100% - 80px)/5);max-width:220px;height:auto;margin:0}@media(max-width:1000px){.laurel-grid{gap:20px;max-width:800px}.laurel-grid img{width:calc((100% - 40px)/3)}}@media(max-width:760px){.laurel-grid{gap:16px;max-width:480px}.laurel-grid img{width:calc((100% - 16px)/2);max-width:220px}}


/* A personal note about the work, with practical planning available on request. */
.process-note{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;padding-top:40px}.process-note-heading>span{font-size:9px;letter-spacing:1.3px;color:#626c56}.process-note-heading h3{font-family:Manrope,sans-serif;font-size:clamp(33px,3.6vw,54px);font-weight:500;line-height:1.2;letter-spacing:-1.7px;margin:28px 0 0}.process-note-copy>p{font-size:15px;line-height:1.9;color:#5d6457;margin:0 0 20px}.process-note-copy>.process-note-lead{font-size:23px;line-height:1.5;color:#252e20;margin:0 0 24px}.process-details{border-top:1px solid #bbc1ae;border-bottom:1px solid #bbc1ae;margin-top:28px}.process-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:17px 0;font-size:12px;color:#343e29}.process-details summary::-webkit-details-marker{display:none}.process-details summary:focus-visible{outline:2px solid #52673b;outline-offset:5px}.process-details summary span::before{content:'+';font-size:22px}.process-details[open] summary span::before{content:'−'}.process-details>div{padding:0 0 20px}.process-details p{font-size:13px;line-height:1.9;color:#5d6457}.process-details p+p{margin-top:16px}.process-note .process-inquiry{margin-top:24px;max-width:none}@media(max-width:760px){.process-note{grid-template-columns:1fr;gap:28px;padding-top:28px}.process-note-heading h3{font-size:39px;letter-spacing:-1.2px;margin-top:22px}.process-note-copy>.process-note-lead{font-size:21px;margin-bottom:20px}.process-note-copy>p{font-size:14px;margin-bottom:18px}}

/* Proposed homepage refinement — demo only. */
.hero{min-height:700px}.hero-copy{bottom:92px}.hero-top{font-size:9px}.hero-identity{font-size:11px;letter-spacing:2px;margin-bottom:25px;line-height:1.9}.hero-identity span{display:block;font-size:9px;letter-spacing:1.6px;color:#d5dbcf;margin-top:3px}.hero-copy h1{font-size:clamp(66px,8.3vw,140px)}.hero-selected-work{margin-top:25px}.hero-bottom{margin-top:25px}.hero-bottom p{font-size:14px}.hero-bottom p>span{color:#bdc7ba;font-size:12px}.hero-actions{display:flex;gap:30px;align-items:center}.hero-project-cta{background:var(--accent);color:#182010;padding:16px 20px;font-size:12px;display:flex;gap:35px;align-items:center;transition:background .2s}.hero-project-cta:hover{background:#e7ffae}.circle-link b{height:48px;width:48px}.hero-foot>a:first-child{color:#d7ddce}.hero-foot>a:first-child:hover{color:var(--accent)}.shade{background:linear-gradient(90deg,#061314a0,transparent 80%),linear-gradient(180deg,#06131425 5%,transparent 28%,#07131470 48%,#071314ef 100%)}
.portfolio-reel{display:flex;gap:35px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:65px}.portfolio-reel-image{width:115px;height:145px;flex-shrink:0;position:relative;overflow:hidden}.portfolio-reel-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;transition:transform .4s}.portfolio-reel-image:hover img{transform:scale(1.04)}.portfolio-reel-image>span{position:absolute;right:9px;bottom:9px;background:#121411b0;color:var(--accent);width:28px;height:28px;display:grid;place-items:center}.portfolio-reel-copy{flex:1}.portfolio-reel-kicker{font-size:9px!important;letter-spacing:1.3px;color:var(--muted);margin-bottom:14px}.portfolio-reel-copy h3{font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-1px;font-weight:500}.portfolio-reel-copy h3 em{color:var(--accent)}.portfolio-reel-copy>p:last-child{font-size:13px;color:var(--muted);margin-top:12px}.portfolio-reel-link{display:flex;gap:40px;align-items:center;font-size:12px;color:var(--accent);padding:14px 0;border-bottom:1px solid var(--line)}.portfolio-reel-link span{font-size:20px}.optional{color:#8e9584;font-size:9px;letter-spacing:0}.demo-badge{position:fixed;right:18px;bottom:15px;z-index:10;display:flex;gap:8px;align-items:center;background:#20251df2;border:1px solid #566348;color:#d6ef83;font-size:8px;letter-spacing:1px;padding:10px 13px;box-shadow:0 5px 25px #0003}.demo-badge>span{width:5px;height:5px;background:#d6ef83;border-radius:50%}.demo-badge i{font-style:normal;color:#b2bba8;letter-spacing:0;border-left:1px solid #566348;padding-left:8px}.process-note-heading h3 em{font-style:italic}.hero-copy{animation:arrive .8s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px) and (min-width:761px){.hero-actions{gap:18px}.circle-link{gap:12px}.hero-project-cta{gap:20px}.hero-bottom p{font-size:12px}}
@media(max-width:760px){.hero{min-height:740px}.hero-copy{bottom:100px}.hero-identity{font-size:10px;letter-spacing:1.4px;margin-bottom:23px}.hero-identity span{font-size:8px;letter-spacing:1px}.hero-copy h1{font-size:clamp(54px,11.2vw,85px);letter-spacing:-3px}.hero-actions{gap:20px;width:100%;justify-content:space-between}.hero-project-cta{padding:13px 15px;gap:17px;font-size:11px}.hero-bottom{margin-top:22px;gap:22px}.hero-bottom p{font-size:12px}.hero-bottom p>span{font-size:11px}.circle-link{gap:10px;font-size:10px}.circle-link b{width:34px;height:34px;font-size:18px}.hero-selected-work{margin-top:22px}.shade{background:linear-gradient(180deg,#06131430,transparent 18%,#10161490 35%,#101614 53%)}.portfolio-reel{gap:20px;flex-wrap:wrap;margin-top:42px;padding:22px 0}.portfolio-reel-image{width:85px;height:120px}.portfolio-reel-copy{flex-basis:calc(100% - 105px)}.portfolio-reel-kicker{font-size:7px!important;letter-spacing:.8px;line-height:1.6;margin-bottom:10px}.portfolio-reel-copy h3{font-size:26px}.portfolio-reel-copy>p:last-child{font-size:11px;line-height:1.5;margin-top:8px}.portfolio-reel-link{margin-left:105px;gap:35px;padding-top:0;font-size:11px}.demo-badge{right:9px;bottom:9px;font-size:7px;padding:8px 10px}.demo-badge i{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
html{scroll-behavior:auto}
/* November 5: studio brand first, founder introduction, then the work. */
.hero-img{transform:none;object-position:43% center}.hero{background:#182019}.shade{background:linear-gradient(90deg,#10170c55,transparent 80%),linear-gradient(180deg,#10170c20 0%,transparent 30%,#10170c40 48%,#10170ced 100%)}
.director-identity{margin-top:24px}.director-identity span{font-size:12px;color:var(--accent);line-height:1.7}.director-copy h2{font-size:clamp(45px,5vw,76px)}.director-intro{margin-top:24px}.director-grid{gap:9%}.director-photo{max-height:620px}
@media(max-width:760px){.hero-img{height:62%;object-position:43% center;transform:none}.shade{background:linear-gradient(180deg,#10170c20,transparent 18%,#10161490 35%,#101614 53%)}.hero-copy{bottom:100px}.hero{min-height:700px}.director-copy h2{font-size:49px}.director-identity{margin-top:20px}.director-identity span{font-size:11px}.director-intro{margin-top:23px}.hero-foot .hero-frame-credit{display:block;font-size:7px;letter-spacing:.5px}.hero-foot{gap:15px;font-size:7px;letter-spacing:.5px}.director-photo{max-height:none}}

/* Preserve the existing five-stage process as its own studio section. */
.process-steps{margin-top:34px}.process-step{display:grid;grid-template-columns:1fr 1.25fr 1.7fr;gap:5%;align-items:start;border-top:1px solid #bbc1ae;padding:26px 0}.process-step>span{font-size:9px;letter-spacing:1.3px;color:#626c56;padding-top:7px}.process-step h4{font-family:Manrope,sans-serif;font-size:24px;font-weight:500;line-height:1.35;letter-spacing:-.5px;margin:0}.process-step p{font-size:14px;line-height:1.85;color:#5d6457}.process-step p+p{margin-top:16px}.creative-process>.process-inquiry{max-width:410px;margin-left:auto;margin-top:24px}
@media(max-width:760px){.process-step{grid-template-columns:1fr;gap:13px;padding:24px 0}.process-step>span{padding-top:0}.process-step h4{font-size:23px}.process-step p{font-size:14px}.creative-process>.process-inquiry{max-width:none;margin-top:18px}}

/* Three authentic Instagram reels, kept within the portfolio. */
.reel-collection{margin-top:65px;padding:36px 0 8px;border-top:1px solid var(--line)}.reel-collection-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:30px}.reel-collection-kicker{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:15px}.reel-collection h3{font-family:Manrope,sans-serif;font-size:36px;letter-spacing:-1px;font-weight:500;line-height:1.2}.reel-collection h3 em{color:var(--accent)}.reel-collection-heading>p{max-width:240px;color:var(--muted);font-size:12px;line-height:1.7}.reel-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reel-tile{display:block;min-width:0}.reel-tile-picture{aspect-ratio:16 / 9;position:relative;overflow:hidden;background:#050906}.reel-tile-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 54%;display:block;transition:filter .3s;filter:brightness(.9)}.reel-tile:hover img{filter:brightness(1.06)}.landscape-cover img{position:absolute;left:50%;top:50%;width:56.25%;height:177.7778%;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg)}.reel-number{position:absolute;top:12px;left:12px;font-size:9px;letter-spacing:1px;padding:5px 7px;background:#121411bb;color:var(--ink)}.reel-play{position:absolute;bottom:12px;right:12px;width:30px;height:30px;border:1px solid #ffffff99;display:grid;place-items:center;border-radius:50%;font-size:10px;background:#12141180}.reel-tile-caption{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-top:17px}.reel-tile-caption h4{font-size:17px;line-height:1.35;font-weight:500;margin:0}.reel-tile-caption p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:7px}.reel-tile-caption>span{color:var(--accent);font-size:20px;line-height:1}.reel-platform{display:block;padding:16px 0;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1.1px;color:var(--accent);margin-top:8px}.reel-swipe{display:none}
@media(max-width:760px){.reel-collection{margin-top:44px;padding-top:26px}.reel-collection-heading{display:block;margin-bottom:24px}.reel-collection h3{font-size:31px}.reel-collection-heading>p{margin-top:15px;max-width:none;font-size:12px}.reel-tiles{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 12px;scrollbar-width:thin;scrollbar-color:#687356 transparent}.reel-tile{flex:0 0 84%;scroll-snap-align:start}.reel-tile-caption h4{font-size:18px}.reel-tile-caption p{font-size:11px}.reel-swipe{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:14px}.reel-swipe>span{color:var(--accent)}}

/* The process stands alone after removing the repeated studio introduction. */
.process-section>.creative-process{margin-top:40px;padding-top:0;border-top:0}.process-section .creative-process-heading>span{display:none}.process-section .creative-process-heading{grid-template-columns:1.35fr 1fr;gap:12%;align-items:end}.process-section .creative-process-heading h2{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,58px);line-height:1.15;letter-spacing:-1.8px;font-weight:500}.process-section .creative-process-heading>p{font-size:14px;line-height:1.8;max-width:290px;padding-top:0}.process-section .process-steps{margin-top:38px}@media(max-width:760px){.process-section>.creative-process{margin-top:30px}.process-section .creative-process-heading{grid-template-columns:1fr;gap:22px}.process-section .creative-process-heading h2{font-size:39px;letter-spacing:-1.3px}.process-section .process-steps{margin-top:30px}}

/* Gentle, one-time reveals and small interactive responses. */
.motion-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-revealed,.motion-ready [data-reveal]:focus-within{opacity:1;transform:translateY(0)}
.hero-img{animation:opening-frame 16s cubic-bezier(.2,.5,.4,1) both}@keyframes opening-frame{from{transform:scale(1.035)}to{transform:scale(1)}}
.reel-tile{transition:transform .25s ease}.reel-tile:hover{transform:translateY(-4px)}.motion-ready .reel-tile.is-revealed:hover{transform:translateY(-4px);transition-duration:.25s;transition-delay:0ms}.nav-cta,.hero-project-cta,.film-watch,.submit{transition:transform .2s ease,background .2s ease,border-color .2s ease}.nav-cta:hover,.hero-project-cta:hover,.film-watch:hover,.submit:hover{transform:translateY(-2px)}.case-link>span,.reel-tile-caption>span,.text-link>span{display:inline-block;transition:transform .2s ease}.case-link:hover>span,.reel-tile:hover .reel-tile-caption>span,.text-link:hover>span{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.hero-img,.hero-copy{animation:none!important;transform:none!important}.reel-tile:hover,.nav-cta:hover,.hero-project-cta:hover,.film-watch:hover,.submit:hover{transform:none}.case-link:hover>span,.reel-tile:hover .reel-tile-caption>span,.text-link:hover>span{transform:none}}

/* A direct email route remains available when the submission service is offline. */
.form-email-fallback{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.form-email-fallback>a{display:inline-flex;align-items:center;gap:20px;padding:8px 0;color:var(--accent);font-size:14px;text-underline-offset:5px}.form-email-fallback>a:hover,.form-email-fallback>a:focus-visible,.form-email-fallback>a[data-ready="true"]{text-decoration:underline}.contact .form-email-fallback p{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0 0;max-width:42ch}