:root{--paper:#f5f4f0;--ink:#202124;--muted:#777873;--line:#d3d3ce;--accent:#455ce9}
html{scroll-padding-top:35px}body{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:calc(100% - 120px);max-width:1320px}.motion-header{position:relative;height:126px;padding:25px 52px;display:flex;align-items:center;justify-content:space-between;z-index:4}.motion-header.on-hero{position:absolute;top:0;left:0;right:0;color:#fff}.brand{display:flex;align-items:center;gap:17px}.brand img{width:98px;height:65px;object-fit:contain}.brand span{font-size:13px;letter-spacing:0}.on-paper .brand img{filter:brightness(0)}.desktop-nav{display:flex;gap:35px;font-size:15px}.desktop-nav a{position:relative;display:inline-block;padding:12px 4px;transition:transform .3s}.nav-dot{position:absolute;left:calc(50% - 2px);bottom:0;width:4px;height:4px;border-radius:50%;background:currentColor;transform:scale(0);transition:transform .25s}.desktop-nav a:hover .nav-dot{transform:scale(1)}.menu-toggle{display:none}.portrait-hero{height:100svh;min-height:680px;max-height:1100px;position:relative;overflow:hidden;background:#919795;color:#fff}.hero-portrait{width:100%;height:100%;object-fit:cover;object-position:center 30%;position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.11),transparent 28%,transparent 60%,rgba(0,0,0,.12))}.location-badge{position:absolute;left:0;top:40%;border-radius:0 80px 80px 0;background:#202124;display:flex;align-items:center;gap:30px;padding:19px 22px 19px 42px;font-size:14px;line-height:1.4}.globe{width:60px;height:60px;border-radius:50%;background:#969a9b;display:grid;place-items:center}.globe svg{width:40px;height:40px;stroke:#fff;stroke-width:1.4;fill:none;animation:globe-turn 18s linear infinite}.hero-role{position:absolute;top:39%;right:8%;font-size:clamp(20px,2.1vw,33px);line-height:1.25;letter-spacing:-.7px}.hero-role p{margin:32px 0 0}.role-arrow{font-size:35px}.hero-name{position:absolute;left:0;right:0;bottom:12%;overflow:hidden}.name-track{font-size:clamp(100px,17.8vw,310px);font-weight:400;line-height:1.06;letter-spacing:-.055em;white-space:nowrap;display:flex;width:max-content;margin:0;animation:name-drift 26s linear infinite;will-change:transform}.name-track span{display:block;padding-right:.13em}.hero-bottom{position:absolute;left:54px;bottom:35px;display:flex;gap:34px;align-items:center;font-size:12px}.scroll-arrow{font-size:27px;animation:arrow-drift 2s ease-in-out infinite}.hero-number{position:absolute;bottom:42px;right:54px;font-size:11px;letter-spacing:.5px}.statement{padding-top:136px;padding-bottom:130px;display:grid;grid-template-columns:1.65fr 1fr;gap:12%;align-items:start}.statement .eyebrow{color:var(--muted);font-size:10px}.statement h2{font-size:clamp(36px,4.4vw,65px);font-weight:400;letter-spacing:-2px;line-height:1.13;margin:30px 0 0}.statement-aside p{font-size:16px;line-height:1.7;margin:0;max-width:340px}.round-link{border-radius:50%;display:flex;align-items:center;justify-content:center;gap:10px;aspect-ratio:1;width:148px;color:#fff;background:#202124;font-size:13px;transition:background .35s,transform .35s}.about-round{margin:34px 0 0 auto}.round-link:hover{background:var(--accent)}.round-link span{font-size:20px}.work-section{padding-bottom:35px;scroll-margin-top:35px}.work-toolbar{min-height:86px}.filters{gap:26px}.filter{font-size:13px}.grid{gap:48px 26px}.project-visual{aspect-ratio:16/11;background:#dfdfda;display:grid;place-items:center;padding:9%;transition:background .4s}.project-visual img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;box-shadow:0 15px 32px #0000000b}.project:nth-child(4n+2) .project-visual{background:#d8e0d3}.project:nth-child(4n+3) .project-visual{background:#d6d2d4}.project:nth-child(4n) .project-visual{background:#e7d9ce}.project:hover .project-visual img{transform:scale(1.04)}.project-caption{padding-top:22px;align-items:baseline}.project-caption h2{font-size:24px;letter-spacing:-.7px}.project-caption small{font-size:12px}.project .view-arrow{display:none}.reel{margin-top:42px;margin-bottom:120px;padding:31px 0}.reel a{font-size:26px}.motion-footer{display:block;background:#202124;color:white;border:0;padding:105px 0 30px;position:relative;overflow:hidden;font-size:initial}.contact-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:43px}.contact-heading .eyebrow{color:#aaaeb0;font-size:10px}.contact-heading h2{font-size:clamp(62px,8.2vw,120px);font-weight:400;line-height:1.06;letter-spacing:-4.5px;margin:30px 0 0}.contact-round{background:var(--accent);width:167px;flex-shrink:0;margin-bottom:6px}.contact-round:hover{background:#fff;color:#202124}.contact-details{display:flex;gap:15px;border-top:1px solid #ffffff2b;padding-top:32px}.contact-pill{border:1px solid #ffffff45;border-radius:100px;padding:21px 28px;font-size:13px;transition:background .25s,color .25s}.contact-pill:hover{color:#202124;background:white}.footer-bottom{border-top:1px solid #ffffff2b;margin-top:85px;padding-top:30px;display:flex;gap:35px;align-items:center;justify-content:space-between}.footer-logo{width:90px;height:58px;object-fit:contain}.footer-bottom .eyebrow{font-size:9px;color:#9fa2a6;display:block;margin-bottom:12px}.local-time{font-size:12px}.footer-socials>div{display:flex;gap:20px;font-size:12px}.preview-edition{font-size:10px;color:#9fa2a6}.inner-main{padding-top:0;padding-bottom:100px}.inner-main .project-top{padding-top:12px}.inner-main .project-title h1{font-size:clamp(46px,7vw,100px);font-weight:400;line-height:1.05;letter-spacing:-3.5px}.inner-main .project-title{margin-top:53px;margin-bottom:30px}.inner-main .project-cover{background:#dddcd7;padding:5%}.inner-main .project-cover img{max-height:750px;object-fit:contain}.inner-main .about{padding-top:45px;gap:10%;grid-template-columns:1fr 1fr}.inner-main .about-photo img{aspect-ratio:4/5;object-position:50% 25%}.inner-main .about h1{font-size:clamp(48px,5vw,75px);letter-spacing:-2.8px}.inner-main .about .about-contact{font-size:16px}.next-project{padding:60px 0 0}.next-project h2{font-size:48px}.hover-cursor{position:fixed;top:0;left:0;width:92px;height:92px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:13px;pointer-events:none;z-index:20;opacity:0;scale:.35;transition:opacity .2s,scale .25s;will-change:transform}.hover-cursor.is-visible{opacity:1;scale:1}.page-wipe{position:fixed;inset:0;background:#202124;z-index:50;transform:translateY(105%);display:grid;place-items:center;pointer-events:none;transition:transform .32s cubic-bezier(.65,0,.35,1)}.page-wipe img{width:150px;height:auto}.is-leaving .page-wipe{transform:translateY(0)}.js [data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .85s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.js [data-reveal].in-view{opacity:1;transform:translateY(0)}.mobile-menu{position:fixed;inset:0;width:100%;max-width:100%;height:100svh;max-height:100svh;margin:0;padding:80px 30px 35px;border:0;background:#202124;color:white;z-index:40}.mobile-menu:not([open]){display:none}.mobile-menu::backdrop{background:#202124}.mobile-menu[open]{display:flex;flex-direction:column}.mobile-menu .menu-logo{width:90px;height:60px;object-fit:contain;margin-bottom:35px}.mobile-menu>.eyebrow{font-size:10px;color:#969a9f;border-bottom:1px solid #ffffff30;padding-bottom:18px}.mobile-menu nav{display:flex;flex-direction:column;gap:3px;align-items:flex-start;margin-top:20px}.mobile-menu nav a{font-size:49px;letter-spacing:-2px;padding:5px 0}.menu-close{position:absolute;top:20px;right:23px;width:54px;height:54px;border-radius:50%;background:var(--accent);color:white;border:0;font-size:34px;cursor:pointer}.menu-bottom{margin-top:auto;display:flex;flex-direction:column;gap:15px;font-size:12px;padding-top:25px}.menu-bottom span{color:#969a9f}
@keyframes name-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes globe-turn{to{transform:rotate(360deg)}}@keyframes arrow-drift{50%{transform:translateY(7px)}}
@media(min-width:1600px){.hero-role{right:10%}.statement{padding-top:155px;padding-bottom:150px}}
@media(max-width:1000px){.brand span{display:none}.hero-role{right:5%;font-size:24px}.location-badge{gap:20px;padding-left:25px}.statement{gap:7%;grid-template-columns:1.4fr 1fr}.statement h2{font-size:44px}.footer-bottom{flex-wrap:wrap}.preview-edition{width:100%}.project-caption h2{font-size:21px}}
@media(max-width:780px){.wrap{width:calc(100% - 48px)}.motion-header{height:100px;padding:20px 24px}.brand img{width:86px;height:57px}.desktop-nav{display:none}.menu-toggle{display:flex;position:fixed;top:22px;right:23px;width:54px;height:54px;align-items:center;justify-content:center;gap:5px;flex-direction:column;background:#202124;border:1px solid #ffffff35;border-radius:50%;color:white;cursor:pointer;z-index:10}.menu-toggle span{width:18px;height:1px;background:currentColor;transition:transform .25s}.portrait-hero{min-height:700px;max-height:1000px;height:100svh}.hero-portrait{object-position:center top}.location-badge{display:none}.hero-role{top:auto;bottom:18%;right:auto;left:24px;font-size:23px;letter-spacing:-.5px}.hero-role p{margin:18px 0 0}.role-arrow{font-size:30px}.hero-name{bottom:30%}.name-track{font-size:24vw;letter-spacing:-.06em;line-height:1.2;animation-duration:22s}.hero-bottom{left:24px;bottom:27px;font-size:11px;gap:20px}.hero-number{right:24px;bottom:37px;font-size:10px}.hero-shade{background:linear-gradient(180deg,#00000020,transparent 35%,transparent 47%,#00000048)}.statement{padding-top:77px;padding-bottom:75px;grid-template-columns:1fr;gap:31px}.statement h2{font-size:42px;letter-spacing:-1.8px;margin-top:25px}.statement-aside{display:grid;grid-template-columns:1fr 110px;gap:26px;align-items:center}.statement-aside p{font-size:14px;line-height:1.7}.about-round{width:110px;margin:0;font-size:12px}.round-link span{font-size:17px}.work-toolbar{padding:20px 0;gap:17px;min-height:auto}.grid{gap:33px 17px}.project-caption{padding-top:17px}.project-caption h2{font-size:18px}.project-caption small{font-size:11px}.reel{margin-top:25px;margin-bottom:75px;padding:26px 0}.reel a{font-size:22px}.motion-footer{padding:70px 0 30px}.contact-heading{align-items:center;gap:20px;padding-bottom:35px}.contact-heading h2{font-size:63px;letter-spacing:-2.7px;margin-top:23px}.contact-round{width:120px;font-size:11px}.contact-details{flex-direction:column;align-items:flex-start;gap:12px}.contact-pill{font-size:12px;padding:17px 23px}.footer-bottom{margin-top:55px;gap:30px 20px}.footer-logo{width:80px}.footer-socials>div{gap:14px;font-size:11px}.footer-socials{width:100%}.inner-main{padding-bottom:75px}.inner-main .about{grid-template-columns:1fr;gap:35px;padding-top:18px}.inner-main .about-photo img{aspect-ratio:1/1;object-position:center 28%}.inner-main .about h1{font-size:49px;letter-spacing:-2px}.inner-main .project-title h1{font-size:54px;letter-spacing:-2px}.inner-main .project-title{margin-top:35px}.next-project h2{font-size:35px}.hover-cursor{display:none}.js [data-reveal]{transform:translateY(24px)}}
@media(max-width:520px){.grid{grid-template-columns:1fr;gap:31px}.statement-aside{grid-template-columns:1fr}.statement-aside p{max-width:310px}.about-round{margin-left:auto;margin-top:-8px;width:115px}.statement h2{font-size:38px}.hero-role{bottom:15%;font-size:22px}.hero-name{bottom:31%}.contact-heading h2{font-size:55px}.contact-round{width:106px;font-size:10px;gap:5px}.project-caption h2{font-size:21px}.project-caption small{font-size:11px}.project-visual{aspect-ratio:16/11}.inner-main .project-title h1{font-size:46px}.reel{gap:15px}.footer-bottom{justify-content:space-between}.preview-edition{font-size:9px}.mobile-menu{padding-top:70px}}
@media(prefers-reduced-motion:reduce){.name-track{animation:none;transform:translateX(0)}.globe svg,.scroll-arrow{animation:none}.js [data-reveal]{opacity:1;transform:none;transition:none}.page-wipe{display:none}.hover-cursor{display:none}}

/* The expanded photograph supplies headroom behind a transparent header. */
.home-page .hero-portrait{inset:0;height:100%;object-position:center top}
.mobile-menu nav a{font-size:43px}

@media(max-width:520px){.mobile-menu nav{gap:0;margin-top:13px}.mobile-menu nav a{font-size:39px}.mobile-menu .menu-logo{margin-bottom:20px}}

.home-page .motion-header.on-hero{background:transparent}

.home-page .hero-portrait{object-position:center top}

/* Films stay on the project page; the home grid uses lightweight artwork. */
.project-film{margin:0}.film-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 0 17px;color:#666960;font-size:12px}.film-heading .eyebrow{font-size:10px}.film-player{width:100%;aspect-ratio:16/9;position:relative;background:#141414}.film-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.film-badge{position:absolute;left:21px;bottom:21px;display:flex;align-items:center;gap:9px;background:#202124e8;color:white;border:1px solid #ffffff25;border-radius:40px;padding:10px 14px;font-size:10px;line-height:1;pointer-events:none}.film-badge>span:first-child{font-size:9px}.film-duration{border-left:1px solid #ffffff45;padding-left:9px;color:#d7d9dc}.project:hover .film-badge{background:var(--accent)}.project-visual{position:relative}
@media(max-width:780px){.film-heading{padding-bottom:14px;font-size:11px}.film-heading .eyebrow{font-size:9px}.film-badge{left:14px;bottom:14px;padding:9px 12px;font-size:9px}}
/* Arabic project titles retain natural letter joining. */
.project-title h1[lang="ar"],.project-caption h2[lang="ar"]{letter-spacing:normal}

/* The expanded library retains the same project cards and adds lightweight discovery. */
.work-toolbar .eyebrow{flex-shrink:0}.filter-count{font-size:10px;vertical-align:super;margin-left:3px;opacity:.65}.work-discovery{display:flex;align-items:center;gap:24px;margin:0 0 30px;padding-top:3px}.work-search{display:flex;gap:11px;align-items:center;max-width:340px;flex:1;border-bottom:1px solid var(--line);padding:11px 0}.work-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;flex-shrink:0}.work-search input{width:100%;min-width:0;background:transparent;border:0;color:var(--ink);font:inherit;font-size:13px;outline:none}.work-search:focus-within{border-color:var(--accent)}.work-search input::placeholder{color:var(--muted)}#filter-status{font-size:12px;color:var(--muted);margin-left:auto}.reset-work{font:inherit;font-size:12px;border:0;background:none;color:var(--ink);padding:9px 0;cursor:pointer}.reset-work:hover{text-decoration:underline}.empty-work{padding:55px 0 75px;color:var(--muted);font-size:17px}.work-section [hidden]{display:none!important}.project-description{margin-top:16px!important;white-space:normal}.next-project h2[lang="ar"]{letter-spacing:normal}
@media(max-width:1100px){.work-toolbar{align-items:flex-start;flex-direction:column;padding:22px 0}.work-toolbar .filters{width:100%;gap:25px}}@media(max-width:780px){.work-discovery{gap:13px;flex-wrap:wrap;margin-bottom:25px}.work-search{flex-basis:100%;max-width:none}#filter-status{margin-left:0}.reset-work{margin-left:auto}.filter-count{font-size:9px}.filters{scrollbar-width:thin;padding-bottom:7px}.project-caption{gap:12px}.project-caption small{flex-shrink:0}}

/* Raise the approved portrait to just below the transparent desktop navigation.
   Move the complete SVG so the original photo and background extension stay aligned.
   The extra height keeps the hero covered along its lower edge. */
@media(min-width:781px){
  .home-page .hero-portrait{
    --portrait-lift:max(0px,calc(13.7vw - 130px));
    top:calc(0px - var(--portrait-lift));
    height:calc(100% + var(--portrait-lift));
  }
}