@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--bg:#202020;--panel:#252423;--ink:#f3f0eb;--muted:#a9a29a;--line:#ffffff15;--orange:#c77b55;--warm:#dda77f;--font:'Inter','Noto Sans Arabic',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--warm);outline-offset:5px}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}button[hidden],[hidden]{display:none!important}::selection{background:#bd7d59;color:#fff}.section-pad{padding-inline:4.2vw}.label{font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:9px;letter-spacing:.9px;line-height:1.6;font-weight:500}.skip{position:fixed;z-index:200;top:-70px;left:20px;padding:15px;background:#fff;color:#222}.skip:focus{top:10px}.scroll-line{position:fixed;z-index:200;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#9d6044,#e4aa7c)}.ambient-field{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.2;will-change:transform}.orb-one{height:600px;width:600px;right:-300px;top:-250px;background:radial-gradient(circle,#c98051,transparent 65%);animation:glowDrift 23s ease-in-out infinite alternate}.orb-two{height:600px;width:600px;left:-400px;top:40vh;background:radial-gradient(circle,#8e553b,transparent 68%);animation:glowDrift 29s ease-in-out infinite alternate-reverse}.ambient-grid{position:absolute;inset:0;opacity:.035;background-image:linear-gradient(#deb694 1px,transparent 1px),linear-gradient(90deg,#deb694 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at top right,black,transparent 66%);animation:gridDrift 45s linear infinite}@keyframes glowDrift{to{transform:translate(-70px,calc(90px + var(--ambient-scroll,0px))) scale(1.12)}}@keyframes gridDrift{to{background-position:70px 140px}}.site-header{height:76px;display:flex;align-items:center;gap:32px;padding-inline:4.2vw;border-bottom:1px solid var(--line);position:relative;z-index:30}.identity{font-size:18px;font-weight:800;line-height:.86;letter-spacing:-1px;padding-right:17px;position:relative}.identity-rule{position:absolute;right:0;top:0;bottom:0;width:1px;background:#c49a7c}.header-caption{display:flex;flex-direction:column;font-size:7px;line-height:1.9;letter-spacing:.6px;color:#aaa098}.site-header nav{margin-left:auto;display:flex;gap:25px;font-size:10px}.site-header nav a{padding:6px 0;border-bottom:1px solid transparent;transition:border-color .3s}.site-header nav a:hover{border-color:var(--orange)}.language{padding:5px 0 5px 18px;border-left:1px solid var(--line);font-size:10px}.menu-toggle{display:none}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid #ffffff08;isolation:isolate}.hero-head{min-height:235px;display:flex;align-items:center;justify-content:space-between;padding-block:27px 30px;gap:35px;position:relative;z-index:2;transform:translateY(var(--headline-drift,0px));opacity:var(--headline-fade,1);will-change:transform}.hero-intro-copy{position:relative;z-index:3}.hero-name{color:#bba48f;font-size:8px}.role-headline{font-size:clamp(36px,4.7vw,76px);line-height:1.01;letter-spacing:-.065em;margin-top:14px;display:flex;align-items:baseline;gap:.23em;flex-wrap:wrap}.role-light{font-weight:300;color:#e8e1d8}.role-bold{font-weight:750;color:#f7f1e8}.role-disciplines{font-size:12px;letter-spacing:.09em;font-weight:400;color:#be9980;margin-top:18px}.hero-portrait-plane{position:absolute;right:12vw;top:-72px;width:330px;height:410px;z-index:0;pointer-events:none;transform:translateY(var(--portrait-drift,0px));will-change:transform;opacity:.32;mask-image:radial-gradient(ellipse at 50% 43%,#000 20%,#000b 43%,transparent 72%)}.hero-portrait-plane img{width:100%;height:100%;object-fit:cover;object-position:43% 20%;filter:saturate(.35) contrast(.93);mix-blend-mode:luminosity}.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 77% 50%,#b8784c20,transparent 54%)}.hero-index{text-align:right;position:relative;z-index:2;align-self:center;min-width:160px}.hero-index>.label{display:block;color:#a28c7a;font-size:7px}.hero-index>span:last-child{font-size:10px;color:#aaa39a;display:block;line-height:1.8;margin-top:14px;white-space:pre-line}.work{padding-block:22px 35px;background:transparent;color:var(--ink)}.work-title-row{display:flex;align-items:center;justify-content:space-between}.work-title-row h2{font-size:17px;letter-spacing:-.5px;font-weight:500;line-height:1.5}.work-total{font-size:8px;color:var(--orange);vertical-align:super;letter-spacing:0;margin-left:6px}.view-options{display:flex;border:1px solid #ffffff16;padding:3px;gap:2px;border-radius:7px;backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff08,#ffffff02)}.view-options button{font-size:8px;color:#938d85;padding:5px 9px;border-radius:4px;transition:background .2s,color .2s}.view-options button.active{color:#edc9ad;background:#bc7a5022;box-shadow:inset 0 0 0 1px #c8895c20}.work-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:14px 18px}.filters{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.filters button{font-size:9px;line-height:1.5;color:#999188;padding-block:5px;border-bottom:1px solid transparent;white-space:nowrap;transition:color .25s,border-color .25s}.filters button.active,.filters button:hover{color:#e9c4a7;border-bottom-color:#b7815a}#project-count{font-size:7px;color:#7f7971;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 16px;align-items:start}.project{min-width:0;animation:cardIn .5s var(--entry-delay,0ms) both}.project>button{width:100%;display:block;text-align:left}.project-media{position:relative;overflow:hidden;aspect-ratio:1.45;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff0b;background:linear-gradient(135deg,#2b2a28a6,#191919cc);border-radius:6px;transform:translateY(var(--whole-frame-drift,0px));will-change:transform;box-shadow:0 8px 18px #0002;transition:border-color .4s,box-shadow .4s}.project-media img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;clip-path:none!important}.project:hover .project-media{border-color:#c8895c66;box-shadow:0 10px 30px #0005,0 0 24px #b96e4110}.project-open{position:absolute;inset:auto 10px 10px auto;font-size:8px;padding:7px 10px;border:1px solid #fff3;border-radius:4px;background:#20202080;backdrop-filter:blur(14px);opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.project:hover .project-open,.project button:focus-visible .project-open{opacity:1;transform:none}.project-caption{padding:10px 1px 0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;position:relative;z-index:2;background:transparent}.project-caption h3{font-size:12px;font-weight:550;line-height:1.4;letter-spacing:-.25px;min-width:0}.project-caption>span{font-size:7px;line-height:1.4;color:#8c8379;white-space:nowrap}.project-grid.expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.project-grid.expanded .project-caption h3{font-size:18px}.project-grid.expanded .project-caption>span{font-size:9px}.project-grid.expanded .project-media{aspect-ratio:1.55}.archive-row{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding-block:20px;margin-top:32px;font-size:13px;color:#c9b4a2}.archive-row>.label{font-size:7px;letter-spacing:.5px;color:#998471}@keyframes cardIn{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}
.featured-campaigns{padding-top:45px}.featured-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px}.featured-title>.label{color:#b5957b;font-size:8px}.featured-title h2{font-size:29px;font-weight:350;letter-spacing:-1.1px}.hero-stage{height:min(55vw,650px);min-height:420px;position:relative;background:#252422;overflow:hidden;isolation:isolate;perspective:1400px;clip-path:inset(0 var(--scene-inset,0%));box-shadow:0 25px 70px #0004}.hero-scene{position:absolute;inset:0;z-index:0;opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s;overflow:hidden}.hero-scene.is-current{opacity:1;visibility:visible;z-index:1}.hero-scene>img,.hero-scene>video{width:100%;height:100%;object-fit:cover;transform:translate3d(calc(var(--pointer-x,0px)*-1),var(--scene-drift,0px),0) scale(1.25);will-change:transform}.hero-scene[data-scene="1"]>img{object-position:center 61%}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 60%),linear-gradient(0deg,#0009,transparent 65%)}.hero-project{position:absolute;left:4.2vw;bottom:90px;text-align:left;color:#fff;z-index:2;transform:translate3d(var(--pointer-x,0px),var(--text-drift,0px),0);will-change:transform}.hero-project .label{font-size:8px;display:block;margin-bottom:18px}.scene-title{font-size:clamp(35px,4.5vw,75px);font-weight:600;line-height:1.05;letter-spacing:-.06em;display:block}.scene-open{font-size:10px;display:inline-block;border-bottom:1px solid #fff8;padding-bottom:6px;margin-top:23px}.scene-side{position:absolute;z-index:5;right:4.2vw;top:26px;color:#fff;display:flex;gap:25px;font-size:7px;letter-spacing:1px}.scene-controls{position:absolute;z-index:5;left:4.2vw;right:4.2vw;bottom:25px;display:flex;gap:15px;align-items:center}.scene-tab{width:55px;color:#ffffff91;position:relative;text-align:left;padding:10px 0;font-size:9px}.scene-tab:before,.scene-tab i{content:'';position:absolute;height:1px;left:0;bottom:0;background:#ffffff60;width:100%}.scene-tab i{width:0;background:#fff}.scene-tab.active{color:#fff}.scene-tab.active i{animation:slideProgress 7s linear forwards}.hero-stage.paused .scene-tab.active i{animation-play-state:paused}@keyframes slideProgress{to{width:100%}}.slider-pause{color:#fff;font-size:8px;padding:8px;margin-left:auto}.depth-cards{position:absolute;z-index:6;right:5vw;top:16%;width:170px;height:270px;pointer-events:none;perspective:1000px}.depth-card{position:absolute;width:155px;text-align:left;padding:6px;background:#2927239e;color:#eadace;border:1px solid #e6c7a84a;border-radius:6px;backdrop-filter:blur(18px);box-shadow:0 22px 50px #0007;pointer-events:auto;will-change:transform}.depth-card>img{width:100%;height:95px;object-fit:contain;border-radius:3px;background:#151515}.depth-card>span{font-size:5px;letter-spacing:.4px;display:block;padding:8px 2px 3px}.depth-card-back{top:0;right:17px;transform:translate3d(calc(var(--pointer-x,0px)*1.7),var(--back-drift,0px),20px) rotate(-6deg)}.depth-card-front{top:145px;right:-12px;transform:translate3d(calc(var(--pointer-x,0px)*-2),var(--front-drift,0px),80px) rotate(5deg)}.intro{display:grid;grid-template-columns:1fr 3fr;gap:6vw;padding-block:75px 85px}.section-tag{padding-top:8px;color:#a18e7e}.intro h2{font-size:clamp(28px,3.8vw,62px);letter-spacing:-.055em;line-height:1.16;font-weight:350;max-width:1050px}.word-reveal .word{opacity:.24;transition:opacity .35s}.word-reveal .word.lit{opacity:1}.intro-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:60px;margin-top:30px}.intro-foot>.label{font-size:7px;padding-top:6px;max-width:140px;line-height:1.8;white-space:nowrap;color:#b2957d}.intro-foot p{max-width:340px;color:#999188;font-size:11px;line-height:1.9}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.section-title{font-size:clamp(32px,4vw,65px);line-height:1.12;font-weight:450;letter-spacing:-.06em;margin-top:22px;white-space:pre-line}.section-note{font-size:11px;line-height:1.9;color:#92887e;max-width:270px;padding-bottom:5px;white-space:pre-line}.motion{padding-top:25px}.motion>.section-top .label{color:#b28a6e}.film-selector{display:flex;gap:0;border-block:1px solid var(--line);margin-top:35px;background:linear-gradient(100deg,#ad765408,transparent)}.film-selector button{display:flex;justify-content:space-between;gap:35px;flex:1;text-align:left;padding:21px 25px 21px 0;color:#82776d;font-size:11px;border-right:1px solid var(--line);position:relative}.film-selector button:not(:first-child){padding-left:25px}.film-selector button:last-child{border-right:0;padding-right:0}.film-selector button>span{font-size:7px}.film-selector button:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:0;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .4s}.film-selector button.active{color:#f0ddca}.film-selector button.active:after{transform:scaleX(1)}.cinema{aspect-ratio:1.97;background:#181818;position:relative;overflow:hidden}.cinema>video{width:100%;height:100%;object-fit:contain;transition:opacity .5s}.cinema-shade{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,#0009);pointer-events:none}.cinema-footer{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;color:#fff}.cinema-footer>div:first-child>.label{font-size:7px;display:block;margin-bottom:10px}.cinema-footer #film-title{font-size:25px;letter-spacing:-1px}.film-actions{display:flex;gap:25px}.film-actions button{font-size:8px;border-bottom:1px solid #ffffff6b;padding-bottom:6px}.motion-credit{font-size:8px;color:#85796e;line-height:1.8;padding-top:17px;padding-bottom:45px}.capabilities{padding-block:45px 75px;display:grid;grid-template-columns:1fr 1.15fr;gap:12vw}.capabilities-head>.label{color:#b58b6c}.capabilities-head h2{font-size:clamp(30px,3.2vw,52px)}.capabilities-head>p{max-width:260px;font-size:11px;line-height:1.9;color:#999087;margin-top:25px}.capability-preview{width:190px;aspect-ratio:1.5;margin-top:35px;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#171717}.capability-preview img{width:100%;height:100%;object-fit:contain;transition:opacity .2s}.service-list{padding-top:3px}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;gap:18px;align-items:flex-start;padding-block:25px;list-style:none;cursor:pointer;font-size:19px;font-weight:450;letter-spacing:-.6px;line-height:1.4}summary::-webkit-details-marker{display:none}.service-no{font-size:8px;color:#aa7956;letter-spacing:0;padding-top:6px;min-width:18px}.service-state{width:12px;height:12px;position:relative;margin-left:auto;margin-top:7px;flex-shrink:0}.service-state:before,.service-state:after{content:'';position:absolute;background:#b79272}.service-state:before{height:1px;width:12px;top:5px;left:0}.service-state:after{height:12px;width:1px;left:5px;top:0;transition:transform .3s}details[open] .service-state:after{transform:scaleY(0)}details>p{font-size:11px;line-height:1.9;color:#a3978a;padding:0 15px 18px 36px;max-width:430px}.service-tags{padding:0 15px 25px 36px;display:flex;gap:15px;font-size:6px;letter-spacing:.5px;color:#897768}.brands{padding-block:40px 45px;border-block:1px solid var(--line);background:linear-gradient(125deg,#a7683f0c,transparent 60%)}.brands>.label{font-size:8px;color:#b3957c}.brand-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-block:28px}.client-logo{min-width:0;min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 15px;border-right:1px solid #ffffff09;border-bottom:1px solid #ffffff09;transition:background .4s,transform .4s}.client-logo:nth-child(5n){border-right:0}.client-logo img{width:100%;max-width:170px;height:67px;object-fit:contain;opacity:.9;transition:opacity .4s}.client-logo figcaption{font-size:6px;letter-spacing:.5px;color:#887b6e;margin-top:12px}.client-logo:hover{background:#b27d5010;transform:translateY(-3px)}.client-logo:hover img{opacity:1}.brands>p{font-size:8px;line-height:1.8;color:#85776a;max-width:670px}.studio{display:grid;grid-template-columns:1fr 1.4fr;gap:12vw;align-items:center;padding-block:80px}.studio-signature{border-top:1px solid var(--line);padding-top:24px;align-self:start}.studio-signature>.label{font-size:7px;color:#937e6d}.studio-signature h3{font-size:clamp(30px,4vw,63px);font-weight:350;letter-spacing:-3px;line-height:1.06;margin-top:35px;color:#dec6b2}.studio-signature p{font-size:16px;color:#b9a18e;margin-block:17px 30px}.studio-copy>.label{font-size:8px;color:#b79579}.studio-copy .section-title{font-size:clamp(30px,3.2vw,52px);margin-bottom:25px}.studio-copy p{font-size:11px;line-height:1.9;color:#a2988c;margin-top:18px;max-width:430px}.studio-copy p.studio-lead{font-size:17px;line-height:1.65;color:#e4d7ca}.studio-meta{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding-block:18px;margin-top:30px;gap:15px}.studio-meta .label{font-size:6px;color:#9c8878}.under-link{display:inline-block;font-size:10px;line-height:1.8;border-bottom:1px solid #b78b6655;padding-block:3px;color:#d0af91;transition:color .3s}.under-link:hover{color:#f5dfca}.studio-copy>.under-link{margin-top:22px}.contact{padding-top:25px;background:radial-gradient(ellipse at bottom right,#a2613a13,transparent 70%)}.contact-kicker{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;color:#9d826c}.contact-kicker .label{font-size:7px}.contact h2{font-size:clamp(40px,7.1vw,116px);font-weight:450;letter-spacing:-.065em;line-height:1.1;padding-block:45px}.contact-mask{display:block;overflow:hidden}.contact-mask>span{display:block}.contact-outline{font-weight:300;color:#bb8b66;transition:color .4s}.contact h2 a:hover .contact-outline{color:#efd1b2}.contact-details{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:55px}.contact-details>div>.label{font-size:7px;color:#987e68;display:block}.email{font-size:20px;letter-spacing:-.6px;display:block;margin-block:12px}.contact-details .under-link{font-size:8px}.contact-social{display:flex;gap:30px;font-size:10px;color:#b6a592}#copy-status{font-size:8px;display:block;min-height:12px;color:#b79b81;margin-top:7px}footer{border-top:1px solid var(--line);padding-block:30px 25px}.footer-wordmark{font-weight:750;font-size:clamp(45px,12.2vw,205px);letter-spacing:-.075em;line-height:1;display:block;white-space:nowrap;color:#d5c3b3}footer>div{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.6px;color:#93816e;padding-top:25px}.js-ready .reveal-block{opacity:0;transform:translateY(30px);transition:opacity .8s,transform 1s cubic-bezier(.2,.8,.2,1)}.js-ready .reveal-block.visible{opacity:1;transform:none}.section-top,.contact h2{translate:0 var(--section-drift,0px)}dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;background:#202020;color:#efe4d8;overscroll-behavior:contain}dialog::backdrop{background:#141210e8}dialog[open]{animation:projectIn .5s cubic-bezier(.2,.8,.2,1)}@keyframes projectIn{from{opacity:0;transform:translateY(6vh)}to{opacity:1;transform:none}}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 4.2vw;position:sticky;top:0;z-index:10;background:#24201cbb;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.dialog-identity{font-size:12px;font-weight:750;letter-spacing:-.5px}.dialog-top>.label{font-size:7px;color:#a48a72}.dialog-top button{font-size:10px;border-bottom:1px solid #ad825f80;padding:4px 0}.project-hero{background:#181818;display:grid}.project-hero>img{width:100%;height:auto;max-height:75vh;object-fit:contain;transform:none!important}.project-hero h2{padding:25px 4.2vw 30px;font-size:clamp(30px,5vw,76px);font-weight:550;letter-spacing:-.06em;line-height:1.1}.project-info{display:grid;grid-template-columns:1fr 1.7fr;gap:10vw;padding:50px 8vw}.project-info dl{margin:0;display:grid;gap:18px}.project-info dt{font-size:7px;letter-spacing:.7px;color:#9e7e63;margin-bottom:6px}.project-info dd{margin:0;font-size:11px;line-height:1.7}.project-info h3{font-size:30px;font-weight:450;line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.project-info p{font-size:12px;line-height:1.9;color:#a89b8c}.dialog-gallery{padding:0 4.2vw 40px;display:grid;gap:22px}.dialog-gallery>img{width:100%;height:auto;object-fit:contain}.dialog-gallery>video,.dialog-gallery>iframe{width:100%;aspect-ratio:16/9;border:0;background:#171717;object-fit:contain}.dialog-bottom{padding:22px 0 35px;border-top:1px solid var(--line);margin-inline:4.2vw;display:flex;justify-content:space-between;gap:35px}.dialog-bottom a{font-size:10px;border-bottom:1px solid #9b755555;padding-bottom:4px;align-self:flex-start;color:#c4a081}.dialog-bottom p{font-size:8px;color:#98816d;max-width:420px;line-height:1.8}.next-project{display:block;width:100%;text-align:left;padding:35px 4.2vw;background:linear-gradient(125deg,#33291f88,#262320);font-size:32px;letter-spacing:-1.5px;font-weight:450}.next-project small{display:block;font-size:7px;letter-spacing:.5px;color:#a88568;margin-bottom:12px}html[lang=ar] body{font-family:'Noto Sans Arabic',sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:-.035em;line-height:1.5}html[lang=ar] .hero-intro-copy,html[lang=ar] .intro,html[lang=ar] .section-top,html[lang=ar] .capabilities,html[lang=ar] .studio-copy{direction:rtl}html[lang=ar] .hero-intro-copy{min-width:45%}html[lang=ar] .role-headline{font-size:4.4vw;gap:.3em}html[lang=ar] .label{letter-spacing:0}html[lang=ar] .service-state{margin-left:0;margin-right:auto}html[lang=ar] .project-info{direction:rtl}html[lang=ar] .service-list summary{font-size:18px}html[lang=ar] .role-disciplines{letter-spacing:0}
@media(min-width:1350px){.project-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-head{min-height:250px}.hero-portrait-plane{right:15vw;width:370px;height:430px}}
@media(max-width:1050px){.header-caption{display:none}.site-header nav{gap:22px}.role-headline{font-size:5.1vw}.hero-portrait-plane{right:12vw;width:290px}.hero-index{min-width:140px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.project-caption{display:block}.project-caption>span{display:block;margin-top:4px}.capabilities{gap:7vw}.studio{gap:7vw}}
@media(max-width:700px){html{scroll-padding-top:65px}.section-pad{padding-inline:5vw}.site-header{height:64px;padding-inline:5vw;gap:15px}.identity{font-size:16px;padding-right:14px}.site-header nav{display:none}.language{margin-left:auto;border:0;padding:5px 10px;font-size:9px}.menu-toggle{display:block;font-size:9px;border-bottom:1px solid #ae815c66;padding-block:4px}.mobile-menu:not([hidden]){display:flex;position:fixed;z-index:45;top:64px;inset-inline:0;bottom:0;flex-direction:column;gap:22px;padding:35px 5vw;background:#24211eea;backdrop-filter:blur(25px);animation:projectIn .35s}.mobile-menu>a{font-size:40px;letter-spacing:-1.5px;color:#f1dfcd}.mobile-menu>span{margin-top:auto;font-size:7px;color:#9f8169;letter-spacing:.4px}.hero-head{display:block;min-height:190px;padding-block:21px 25px}.hero-name{font-size:7px;letter-spacing:.7px}.role-headline{font-size:9.3vw;line-height:1.06;display:block;letter-spacing:-.065em;margin-top:13px}.role-light,.role-bold{display:block}.role-light{font-weight:300}.role-bold{font-weight:750;font-size:1.12em;margin-top:3px}.role-disciplines{font-size:10px;letter-spacing:.045em;margin-top:12px;color:#c59671}.hero-index{display:none}.hero-portrait-plane{width:230px;height:290px;top:-48px;right:-20px;opacity:.27;mask-image:radial-gradient(ellipse at 50% 40%,#000 12%,#000a 39%,transparent 69%)}.hero-portrait-plane img{object-position:43% 15%}.hero:before{background:radial-gradient(ellipse at 85% 30%,#b5754620,transparent 62%)}.work{padding-block:17px 28px}.work-title-row h2{font-size:14px;font-weight:500}.work-total{font-size:6px}.view-options{padding:2px;border-radius:5px}.view-options button{font-size:7px;padding:4px 7px}.work-nav{padding-block:10px 14px;gap:10px;align-items:center}.filters{gap:13px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{font-size:8px;padding:5px 0}#project-count{font-size:6px;letter-spacing:0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 11px}.project-media{aspect-ratio:1.45;border-radius:4px}.project-caption{padding:7px 0 0;display:block}.project-caption h3{font-size:10px;line-height:1.4;font-weight:600;letter-spacing:-.15px}.project-caption>span{display:block;margin-top:3px;font-size:6px;line-height:1.4;color:#8c8073}.project-open{display:none}.project-grid.expanded{grid-template-columns:1fr;gap:24px}.project-grid.expanded .project-media{aspect-ratio:1.5}.project-grid.expanded .project-caption h3{font-size:16px}.project-grid.expanded .project-caption>span{font-size:8px}.archive-row{padding-block:17px;margin-top:25px;font-size:12px}.archive-row>.label{font-size:6px}.orb-one{width:420px;height:420px;right:-220px;opacity:.18}.orb-two{width:400px;height:400px;left:-300px;opacity:.14}.ambient-grid{opacity:.03;background-size:45px 45px}.featured-campaigns{padding-top:28px}.featured-title{padding-bottom:20px}.featured-title>.label{font-size:6px}.featured-title h2{font-size:24px;letter-spacing:-.9px}.hero-stage{height:430px;min-height:0;max-height:70vh}.hero-scene>img{object-position:60% center;transform:translate3d(0,var(--scene-drift,0px),0) scale(1.25)}.hero-project{left:5vw;bottom:80px}.hero-project .label{font-size:6px;margin-bottom:13px}.scene-title{font-size:36px;letter-spacing:-2px}.scene-open{font-size:9px;margin-top:18px}.scene-side{top:18px;right:5vw;font-size:6px;gap:15px}.scene-controls{left:5vw;right:5vw;bottom:20px;gap:12px}.scene-tab{width:40px;font-size:8px}.slider-pause{font-size:7px}.depth-cards{right:7vw;top:15%;width:90px;height:180px}.depth-card{width:85px;padding:4px}.depth-card>img{height:55px}.depth-card>span{font-size:4.2px;padding:6px 0 2px;letter-spacing:0}.depth-card-back{right:0;transform:translate3d(0,var(--back-drift,0px),0) rotate(-6deg)}.depth-card-front{top:105px;right:-8px;transform:translate3d(0,var(--front-drift,0px),0) rotate(5deg)}.intro{grid-template-columns:1fr;gap:23px;padding-block:48px 55px}.section-tag{font-size:7px;padding-top:0}.intro h2{font-size:30px;letter-spacing:-1.5px;line-height:1.2}.intro-foot{display:block;margin-top:23px}.intro-foot>.label{font-size:7px}.intro-foot>p{margin-top:16px;max-width:none;font-size:10px;line-height:1.9}.section-top{display:block}.section-title{font-size:34px;letter-spacing:-1.6px;margin-top:17px}.section-note{font-size:10px;margin-top:19px;max-width:none;line-height:1.8}.motion{padding-top:0}.film-selector{margin-top:25px;overflow-x:auto;padding-inline:5vw}.film-selector button{font-size:7px;line-height:1.6;gap:14px;min-width:110px;padding:17px 14px 17px 0}.film-selector button:not(:first-child){padding-left:14px}.film-selector button>span{font-size:6px}.cinema{aspect-ratio:1/1.03}.cinema-footer{bottom:20px;display:block}.cinema-footer>div:first-child>.label{font-size:6px}.cinema-footer #film-title{font-size:23px}.film-actions{gap:20px;margin-top:18px}.film-actions button{font-size:7px}.motion-credit{font-size:6px;padding-top:14px;padding-bottom:30px;line-height:1.8}.capabilities{grid-template-columns:1fr;gap:30px;padding-block:28px 45px}.capabilities-head h2{font-size:32px}.capabilities-head>p{font-size:10px;margin-top:18px;max-width:none}.capability-preview{display:none}.service-list summary{font-size:17px;padding-block:21px;gap:13px;letter-spacing:-.5px}.service-no{font-size:7px}.service-state{margin-top:6px}.service-list details>p{font-size:10px;padding-left:31px}.service-tags{font-size:6px;gap:12px;padding-left:31px;padding-bottom:22px}.brands{padding-block:30px 35px}.brands>.label{font-size:6px}.brand-wall{grid-template-columns:repeat(3,minmax(0,1fr));margin-block:22px}.client-logo{min-height:102px;padding:14px 9px}.client-logo:nth-child(5n){border-right:1px solid #ffffff09}.client-logo:nth-child(3n){border-right:0}.client-logo img{height:48px;max-width:110px}.client-logo figcaption{font-size:5px;margin-top:10px;letter-spacing:0}.brands>p{font-size:6px;line-height:1.8}.studio{grid-template-columns:1fr;gap:30px;padding-block:50px}.studio-signature{padding-top:20px}.studio-signature>.label{font-size:6px}.studio-signature h3{font-size:32px;letter-spacing:-1.4px;margin-top:21px}.studio-signature h3 br{display:none}.studio-signature p{font-size:13px;margin-block:11px 18px}.studio-copy>.label{font-size:7px}.studio-copy .section-title{font-size:33px;margin-top:18px;margin-bottom:22px}.studio-copy p.studio-lead{font-size:16px}.studio-copy p{font-size:10px;max-width:none}.studio-meta{margin-top:25px;padding-block:16px}.studio-meta .label{font-size:6px}.studio-copy>.under-link{margin-top:19px;font-size:9px}.contact{padding-top:0}.contact-kicker{padding-top:23px;gap:20px}.contact-kicker .label{font-size:6px;letter-spacing:.4px}.contact h2{font-size:9.4vw;letter-spacing:-.065em;padding-block:30px;line-height:1.14}.contact-details{display:grid;grid-template-columns:1fr auto;gap:23px;padding-bottom:32px}.contact-details>div:first-child{grid-column:1/-1}.contact-details>div>.label{font-size:6px}.email{font-size:21px}.contact-details .under-link{font-size:8px}.contact-social{font-size:9px;gap:23px}.back-top{justify-self:end}.footer-wordmark{font-size:12.9vw;letter-spacing:-.075em}footer{padding-top:25px;padding-bottom:22px}footer>div{font-size:5px;letter-spacing:.2px;gap:20px;line-height:1.8;padding-top:20px}.dialog-top{padding:17px 5vw;gap:15px}.dialog-identity{font-size:10px}.dialog-top>.label{display:none}.dialog-top button{font-size:8px}.project-hero>img{max-height:65vh;object-fit:contain}.project-hero h2{font-size:30px;padding:22px 5vw}.project-info{display:flex;flex-direction:column-reverse;padding:30px 5vw;gap:27px}.project-info dl{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-info dt{font-size:6px}.project-info dd{font-size:9px}.project-info h3{font-size:25px}.project-info p{font-size:10px}.dialog-gallery{padding:0 5vw 27px;gap:14px}.dialog-bottom{margin-inline:5vw;padding-block:19px 25px;display:block}.dialog-bottom a{display:inline-block;margin-bottom:19px;font-size:9px}.dialog-bottom p{font-size:7px;max-width:none}.next-project{padding:27px 5vw;font-size:26px}.next-project small{font-size:6px}html[lang=ar] .role-headline{font-size:8.8vw;gap:0}html[lang=ar] .hero-intro-copy{min-width:0}html[lang=ar] .role-disciplines{font-size:10px}html[lang=ar] .service-list summary{font-size:16px}html[lang=ar] .footer-wordmark{font-family:Inter,Arial,sans-serif}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-head{transform:none!important;opacity:1!important}.hero-portrait-plane,.hero-project,.depth-card,.project-media,.hero-scene>img,.hero-scene>video{transform:none!important;will-change:auto}.depth-card-back{rotate:-6deg}.depth-card-front{rotate:5deg}.hero-stage{clip-path:none}.section-top,.contact h2{translate:none}.js-ready .reveal-block{opacity:1;transform:none}.word-reveal .word{opacity:1}}
/* Published artwork is always fitted in full, including the feature reel. */
.hero-stage{clip-path:none}.hero-scene>img,.hero-scene>video{object-fit:contain;transform:none!important;will-change:auto}
/* Curated compositions and a scroll-driven horizontal sequence. */
:root{--orange:#e48645;--warm:#f2ae70}.scroll-line{height:3px;background:linear-gradient(90deg,#e46e2c,#ffb36b)}.identity-rule{background:#ec8b47}.role-bold{color:#ed9556}.hero-name{color:#e4a06c}.role-disciplines{color:#eab080}.hero-portrait-plane{opacity:.66;width:400px;height:450px;right:11vw;top:-74px;mask-image:radial-gradient(ellipse at 50% 43%,#000 24%,#000e 43%,transparent 74%)}.hero-portrait-plane img{filter:saturate(.8) contrast(1.04);mix-blend-mode:normal}.hero:before{background:radial-gradient(ellipse at 78% 45%,#d574363b,transparent 57%)}.orb-one{opacity:.34;background:radial-gradient(circle,#e67c35,transparent 65%)}.orb-two{opacity:.24;background:radial-gradient(circle,#ae5a2f,transparent 68%)}.view-options button.active{color:#ffc088;background:#e7863c2c;box-shadow:inset 0 0 0 1px #f7a86638}.filters button.active,.filters button:hover{color:#f6b27b;border-bottom-color:#e99251}.project-grid{display:block}.mosaic-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:155px;gap:17px;align-items:stretch}.mosaic-grid>.project{grid-column:span 4;height:100%;min-height:0}.mosaic-grid>.project:nth-child(1){grid-column:span 5;grid-row:span 2}.mosaic-grid>.project:nth-child(2),.mosaic-grid>.project:nth-child(4){grid-column:span 3}.mosaic-grid>.project:nth-child(3),.mosaic-grid>.project:nth-child(5){grid-column:span 4}.mosaic-grid>.project:nth-child(n+6){grid-column:span 4;grid-row:span 1;margin-top:8px}.project{translate:0 var(--tile-drift,0px);will-change:translate;animation:none}.project>button{height:100%;display:flex;flex-direction:column}.mosaic-grid .project-media{aspect-ratio:auto;flex:1;min-height:0;max-height:none;transform:none;border-radius:6px;background:linear-gradient(145deg,#34302bad,#1a1918db);border-color:#d2935920;box-shadow:0 15px 40px #0003}.mosaic-grid .project-caption{flex-shrink:0;padding-top:10px;min-height:30px;display:flex;gap:8px}.mosaic-grid>.project:nth-child(1) .project-caption h3{font-size:20px;letter-spacing:-.6px}.mosaic-grid>.project:nth-child(1) .project-caption>span{font-size:8px}.project-caption h3{font-size:12px}.project:hover .project-media{border-color:#f3974caa;box-shadow:0 12px 35px #0005,0 0 25px #db7a2520}.project-open{color:#ffc28e;background:#2b2117c4;border-color:#d6925660;backdrop-filter:blur(16px)}.js-ready .project.reveal-block{opacity:0;transform:translateY(35px) scale(.975);transition:opacity .8s,transform 1s cubic-bezier(.16,.8,.16,1);transition-delay:var(--entry-delay,0ms)}.js-ready .project.reveal-block.visible{opacity:1;transform:translateY(0) scale(1)}.project-caption>span{color:#b7977c}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px;align-items:start}.archive-grid>.project:nth-child(7n+2){grid-column:span 2;grid-row:span 2}.archive-grid .project-media{aspect-ratio:1.42;width:100%;flex:none}.archive-grid>.project:nth-child(7n+2) .project-media{aspect-ratio:1.72}.archive-grid .project-caption{min-height:32px}.archive-heading{display:flex;align-items:center;justify-content:space-between;margin-block:45px 28px;border-top:1px solid #d69a6520;padding-top:30px;gap:20px}.archive-heading .label{color:#d98a52;font-size:7px}.archive-heading h3{font-size:27px;font-weight:350;letter-spacing:-1px}.horizontal-work{position:relative;margin:45px -4.2vw 0;border-block:1px solid #e49c5d24;background:radial-gradient(ellipse at 5% 50%,#d16f2a18,transparent 60%),#1c1c1c}.rail-sticky{position:sticky;top:0;height:100svh;min-height:570px;max-height:1100px;display:flex;flex-direction:column;justify-content:center;padding-block:30px;overflow:hidden}.rail-heading{padding-inline:4.2vw;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.rail-heading .label{color:#dd925c;font-size:7px}.rail-heading h3{font-size:clamp(35px,4.3vw,70px);font-weight:350;letter-spacing:-.06em;line-height:1.1;margin-top:16px}.rail-navigation{display:flex;align-items:center;gap:16px;font-size:9px;flex-shrink:0}.rail-navigation>span{font-size:8px;color:#d7a17a;margin-right:12px;letter-spacing:1px}.rail-navigation button{font-size:8px;border-bottom:1px solid #bd815250;padding-bottom:4px;color:#dcc5af}.rail-navigation button:hover{color:#ffb278}.rail-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding-block:28px 68px;scroll-snap-type:none;outline-offset:-4px}.rail-viewport::-webkit-scrollbar{display:none}.rail-track{display:flex;align-items:flex-start;gap:28px;width:max-content;padding-inline:4.2vw}.rail-track>.project{width:55vw;max-width:830px;flex:0 0 auto;translate:0 0;scroll-snap-align:center;transition:translate .3s}.rail-track>.project:nth-child(even){margin-top:40px}.rail-track .project-media{height:min(44svh,460px);aspect-ratio:auto;width:100%;border-color:#ebae7640;border-radius:7px;transform:none;background:linear-gradient(145deg,#38302a88,#171717cc);box-shadow:0 20px 60px #0005}.rail-track .project-caption{padding-top:18px;align-items:center}.rail-track .project-caption h3{font-size:24px;font-weight:500;letter-spacing:-.8px}.rail-track .project-caption>span{font-size:9px;color:#d29a70}.rail-track .project-open{font-size:10px;padding:10px 16px;right:18px;bottom:18px}.rail-footer{padding-inline:4.2vw;display:flex;align-items:center;gap:30px;margin-top:8px}.rail-footer>.label{color:#b88c69;font-size:7px;flex-shrink:0}.rail-progress{height:2px;background:#dfaa791a;width:100%;overflow:hidden}.rail-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#d47130,#ffb77b);transform:scaleX(var(--rail-progress,0));transform-origin:left}.project-grid.expanded .mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:30px 22px}.project-grid.expanded .mosaic-grid>.project:nth-child(n){grid-column:span 1;grid-row:span 1;margin:0;height:auto}.project-grid.expanded .mosaic-grid .project-media{aspect-ratio:1.5;flex:none;width:100%}.project-grid.expanded .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid.expanded .archive-grid>.project:nth-child(n){grid-column:span 1;grid-row:span 1}.project-grid.expanded .project-caption h3{font-size:15px}.filtered-gallery{padding-block:10px}.filtered-gallery>.project:nth-child(1){grid-column:span 2}.contact-outline{color:#e99757}.contact-social a:hover,.under-link:hover{color:#ffb477}
@media(min-width:1500px){.mosaic-grid{grid-auto-rows:185px}.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px) and (min-width:701px){.mosaic-grid{grid-auto-rows:140px;gap:14px}.mosaic-grid>.project:nth-child(1){grid-column:span 6}.mosaic-grid>.project:nth-child(n+2){grid-column:span 3}.mosaic-grid>.project:nth-child(n+6){grid-column:span 4}.mosaic-grid .project-caption{display:block;min-height:38px}.mosaic-grid .project-caption>span{font-size:6px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rail-track>.project{width:65vw}.hero-portrait-plane{width:340px;right:7vw;opacity:.58}}
@media(max-width:700px){.hero-portrait-plane{width:255px;height:310px;top:-45px;right:-13px;opacity:.57;mask-image:radial-gradient(ellipse at 50% 42%,#000 18%,#000e 40%,transparent 74%)}.hero-portrait-plane img{filter:saturate(.72) contrast(1.05)}.hero:before{background:radial-gradient(ellipse at 85% 35%,#d8793435,transparent 65%)}.role-bold{color:#f29b5c}.role-disciplines{color:#e2a26d}.mosaic-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:93px;gap:12px 10px}.mosaic-grid>.project:nth-child(1){grid-column:span 4;grid-row:span 2}.mosaic-grid>.project:nth-child(2),.mosaic-grid>.project:nth-child(3){grid-column:span 2;grid-row:span 1}.mosaic-grid>.project:nth-child(4),.mosaic-grid>.project:nth-child(5){grid-column:span 3;grid-row:span 2;margin:0}.mosaic-grid>.project:nth-child(n+6){grid-column:span 2;grid-row:span 1;margin:0}.mosaic-grid .project-caption{display:block;min-height:27px;padding-top:6px}.mosaic-grid .project-caption h3{font-size:8px;line-height:1.35;letter-spacing:0}.mosaic-grid .project-caption>span{font-size:5px;line-height:1.3;margin-top:2px}.mosaic-grid>.project:nth-child(1) .project-caption h3{font-size:14px;letter-spacing:-.3px}.mosaic-grid>.project:nth-child(1) .project-caption>span{font-size:6px}.mosaic-grid>.project:nth-child(4) .project-media,.mosaic-grid>.project:nth-child(5) .project-media{max-height:147px}.mosaic-grid>.project:nth-child(4) .project-caption h3,.mosaic-grid>.project:nth-child(5) .project-caption h3{font-size:11px}.project-media{border-radius:5px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.archive-grid>.project:nth-child(7n+2){grid-column:span 2;grid-row:span 1}.archive-grid>.project:nth-child(7n+2) .project-media{aspect-ratio:1.85}.archive-grid>.project:nth-child(7n+2) .project-caption h3{font-size:14px}.archive-grid .project-caption{min-height:29px}.archive-heading{display:block;margin-block:30px 22px;padding-top:23px}.archive-heading .label{font-size:6px}.archive-heading h3{font-size:27px;margin-top:12px;letter-spacing:-1px}.horizontal-work{margin:30px -5vw 0}.rail-sticky{height:90svh;min-height:510px;max-height:850px;padding-block:22px}.rail-heading{padding-inline:5vw;margin-bottom:10px;display:block}.rail-heading .label{font-size:6px}.rail-heading h3{font-size:36px;letter-spacing:-1.8px;margin-top:13px}.rail-navigation{margin-top:20px;gap:18px}.rail-navigation>span{font-size:7px;margin-right:auto}.rail-navigation button{font-size:8px}.rail-viewport{padding-block:20px 42px}.rail-track{gap:18px;padding-inline:5vw}.rail-track>.project{width:81vw;max-width:none}.rail-track>.project:nth-child(even){margin-top:24px}.rail-track .project-media{height:39svh;min-height:220px;max-height:350px;border-radius:6px}.rail-track .project-caption{padding-top:13px;display:flex;align-items:center;min-height:32px}.rail-track .project-caption h3{font-size:20px;letter-spacing:-.6px}.rail-track .project-caption>span{font-size:7px;margin:0}.rail-footer{padding-inline:5vw;gap:20px;margin-top:5px}.rail-footer>.label{font-size:5px;letter-spacing:.4px}.project-grid.expanded .mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.project-grid.expanded .mosaic-grid>.project:nth-child(n){grid-column:span 1;grid-row:span 1;height:auto}.project-grid.expanded .mosaic-grid .project-media{aspect-ratio:1.4;max-height:none}.project-grid.expanded .mosaic-grid .project-caption h3{font-size:11px}.project-grid.expanded .project-caption>span{font-size:6px}.project-grid.expanded .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid.expanded .project-caption h3{font-size:11px}.filtered-gallery>.project:nth-child(1){grid-column:span 2}}
@media(prefers-reduced-motion:reduce){.horizontal-work{height:auto!important}.rail-sticky{position:relative;height:auto;min-height:0;max-height:none;padding-block:35px}.rail-viewport{scroll-snap-type:x mandatory}.js-ready .project.reveal-block{opacity:1;transform:none}.project{translate:none!important;will-change:auto}.hero-portrait-plane{transform:none!important}}
@media(min-width:701px){.rail-track>.project:nth-child(1){width:39vw}.rail-track>.project:nth-child(2){width:55vw}.rail-track>.project:nth-child(3){width:64vw}.rail-track>.project:nth-child(4){width:48vw}.rail-track>.project:nth-child(5){width:56vw}}

/* Project parallax moves the complete artwork layer inside a stable layout anchor. */
.project,.rail-track>.project{translate:none!important;will-change:auto}
.project-trigger{position:relative;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)}
.mosaic-grid{row-gap:38px;padding-block:25px}
.archive-grid{row-gap:90px;padding-block:38px}
#project-motion{white-space:nowrap;color:#edaa73;border-color:#e3945040}
#project-motion[aria-pressed=true]{background:#e7863c2c;box-shadow:inset 0 0 0 1px #f7a86638}
.rail-viewport{padding-block:65px 85px}
@media(max-width:700px){.mosaic-grid{row-gap:29px;padding-block:18px}.archive-grid{row-gap:56px;padding-block:25px}.view-options{gap:5px}.view-options button{padding:7px 9px}.rail-viewport{padding-block:45px 65px}}
html[data-project-motion=off] .project-trigger{will-change:auto}
/* Studio refresh — editorial typography, project triptych and moving collaborations. */
:root{--bg:#11191f;--panel:#19242d;--ink:#f1f0e8;--muted:#aab4b9;--orange:#d9f378;--warm:#d9f378;--line:#edf3f01c}body{background:var(--bg)}.ambient-field,.hero-portrait-plane{display:none}.site-header{height:88px;background:#11191fee;backdrop-filter:blur(20px)}.identity-rule{background:var(--orange)}.header-caption{color:#9aa9af}.site-header nav{font-size:12px;gap:30px}.language{font-size:12px}.hero:before{background:none}.hero-head{min-height:235px;padding-block:42px 32px}.hero-name{font-size:10px;color:var(--orange);letter-spacing:1.4px}.role-headline{font-size:clamp(44px,6.6vw,108px);letter-spacing:-.065em;margin-top:19px}.role-bold,.role-light{color:var(--ink)}.role-bold{font-weight:650}.role-disciplines{color:#b5c0c6;font-size:13px}.hero-index>.label{color:var(--orange);font-size:9px}.hero-index>span:last-child{font-size:12px;color:#aab4b9}.opening-projects{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:22px;padding-top:32px;padding-bottom:40px;align-items:start}.opening-card{text-align:left;min-width:0;will-change:transform;animation:openingIn 1.2s cubic-bezier(.2,.7,.2,1) both}.opening-card:nth-child(2){padding-top:45px;animation-delay:.12s}.opening-card:nth-child(3){padding-top:12px;animation-delay:.24s}.opening-art{aspect-ratio:1.5;overflow:hidden;background:#1b2730}.opening-art img{width:100%;height:100%;object-fit:contain;transition:scale .7s}.opening-card:hover img{scale:1.035}.opening-card>span{display:grid;grid-template-columns:1fr auto;gap:9px;padding-top:17px}.opening-card b{font-size:17px;font-weight:500;letter-spacing:-.5px}.opening-card small{grid-column:1;font-size:8px;letter-spacing:1px;color:#9cabb3}.opening-card i{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;color:var(--orange);font-style:normal}.hero-bottom{display:flex;justify-content:space-between;padding-block:13px 24px;font-size:8px;letter-spacing:1.2px;color:#aab7bd}.hero-bottom a{color:var(--orange)}.brands{padding-block:26px 18px;background:#eaece3;color:#18242b;overflow:hidden}.brands>.label{display:block;color:#506066;letter-spacing:1.5px;font-size:8px;margin-bottom:15px}.brand-wall{display:flex!important;width:max-content;gap:0;overflow:visible;mask-image:none;margin:0!important}.brand-track{display:flex;align-items:center;width:max-content;flex-shrink:0;animation:brandTravel 55s linear infinite}.client-logo{width:140px!important;min-width:140px;height:60px!important;margin:0 16px!important;padding:10px!important;border:0!important;background:none!important}.client-logo img{max-height:38px!important;max-width:110px!important;width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(.35)!important;opacity:.8!important}.client-logo figcaption{display:none}.brand-wall:hover .brand-track,.brand-wall:focus-within .brand-track{animation-play-state:paused}.work{padding-block:65px 45px}.work-title-row h2{font-size:clamp(28px,3.5vw,52px);font-weight:400;letter-spacing:-2px}.work-nav{padding-block:25px}.filters button{font-size:11px;color:#aab6bd}.filters button.active,.filters button:hover{color:var(--orange);border-color:var(--orange)}.view-options{background:none;border-color:var(--line)}.view-options button{font-size:10px;color:#9eafb7}.view-options button.active,#project-motion[aria-pressed=true]{background:#d9f37815;color:var(--orange);box-shadow:none}#project-motion{color:var(--orange)}.project-media,.mosaic-grid .project-media,.rail-track .project-media{background:#19242d;border-radius:0;border-color:#ffffff0b;box-shadow:none}.project-caption>span,.rail-track .project-caption>span{color:#9aadb7}.project:hover .project-media{border-color:#d9f37880;box-shadow:none}.project-open{color:var(--orange);background:#11191fcc;border-color:#d9f37855}.horizontal-work{background:#17232c;border-color:var(--line)}.rail-heading .label,.rail-navigation>span,.rail-footer>.label,.archive-heading .label{color:var(--orange)}.rail-progress>span,.scroll-line{background:var(--orange)}.archive-row,.intro-foot p{color:#aab7bd}.intro-foot>.label,.section-tag,.featured-title>.label{color:var(--orange)}.archive-heading{border-color:var(--line)}.contact-outline{color:var(--orange)}.featured-campaigns{padding-top:60px}.depth-card{background:#17232ccc;border-color:#cbd9df40}.role-headline{flex-wrap:wrap}.brand-wall.reveal-block{opacity:1!important;transform:none!important}
@keyframes brandTravel{to{transform:translateX(-100%)}}@keyframes openingIn{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.site-header{height:74px}.hero-head{min-height:200px;padding-top:33px;padding-bottom:15px}.role-headline{font-size:47px;display:block;line-height:1.05}.role-headline span{display:block}.hero-index{display:none}.hero-name{font-size:8px}.opening-projects{gap:12px;grid-template-columns:1fr 1fr;padding-top:24px;padding-bottom:20px}.opening-card:first-child{grid-column:span 2}.opening-card:nth-child(2),.opening-card:nth-child(3){padding-top:0}.opening-card b{font-size:13px}.opening-card small{font-size:6px;letter-spacing:.5px}.opening-card i{font-size:20px}.opening-card>span{padding-top:10px}.hero-bottom{font-size:6px;gap:20px;line-height:1.7}.brands{padding-block:20px 12px}.client-logo{width:110px!important;min-width:110px;margin-inline:8px!important}.work{padding-top:38px}.work-title-row{gap:12px;align-items:start}.work-title-row h2{font-size:30px;letter-spacing:-1.3px}.view-options button{font-size:8px;padding:7px}.filters{gap:13px}.filters button{font-size:10px}.work-nav{padding-block:18px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none}.brand-track[aria-hidden=true]{display:none}.brand-wall{width:100%;overflow:auto}.opening-card{animation:none;transform:none!important}.opening-art img{transition:none}}

/* Preserve Helmy Studio's original identity. */
:root{--bg:#202020;--panel:#252423;--ink:#f3f0eb;--muted:#a9a29a;--line:#ffffff15;--orange:#e48645;--warm:#f2ae70}body{background:var(--bg)}.ambient-field{display:block}.site-header{background:#202020ee}.identity-rule{background:#ec8b47}.header-caption{color:#aaa098}.hero-portrait-plane{display:block;opacity:.66;width:400px;height:450px;right:11vw;top:-74px;mask-image:radial-gradient(ellipse at 50% 43%,#000 24%,#000e 43%,transparent 74%)}.hero:before{background:radial-gradient(ellipse at 78% 45%,#d574363b,transparent 57%)}.hero-name{color:#e4a06c}.role-bold{color:#ed9556}.role-light{color:#e8e1d8}.role-disciplines{color:#eab080}.hero-index>.label{color:#a28c7a}.hero-index>span:last-child{color:#aaa39a}.opening-art{background:#252423}.opening-card small,.hero-bottom{color:#b7977c}.brands{background:#080808;color:#f3f0eb}.brands>.label{color:#aaa098}.client-logo img{filter:none!important;opacity:1!important}.project-media,.mosaic-grid .project-media,.rail-track .project-media{background:linear-gradient(145deg,#34302bad,#1a1918db);border-color:#d2935920}.project-caption>span,.rail-track .project-caption>span{color:#b7977c}.horizontal-work{background:radial-gradient(ellipse at 5% 50%,#d16f2a18,transparent 60%),#1c1c1c}.project-open{background:#2b2117c4}.depth-card{background:#2927239e}.intro-foot p{color:#999188}.view-options button.active,#project-motion[aria-pressed=true]{background:#e7863c2c}.project:hover .project-media{border-color:#f3974caa}.archive-row{color:#c9b4a2}.scroll-line{background:linear-gradient(90deg,#e46e2c,#ffb36b)}
@media(max-width:700px){.hero-portrait-plane{display:block;width:255px;height:310px;top:-45px;right:-13px;opacity:.57;mask-image:radial-gradient(ellipse at 50% 42%,#000 18%,#000e 40%,transparent 74%)}.hero:before{background:radial-gradient(ellipse at 85% 35%,#d8793435,transparent 65%)}.role-bold{color:#f29b5c}.role-disciplines{color:#e2a26d}}

/* Stronger scroll depth with generous space around complete artwork. */
.opening-projects{padding-bottom:85px}.mosaic-grid{row-gap:65px}.archive-grid{row-gap:125px}.section-top,.featured-title,.capabilities-head{translate:0 var(--section-drift,0px)}
.hero-scene>img{transform:translate3d(0,calc(var(--scene-drift,0px)*.4),0)!important;object-fit:contain;will-change:transform}.hero-head{z-index:2}.hero-bottom{position:relative;z-index:3;background:var(--bg)}
@media(max-width:700px){.opening-projects{padding-bottom:65px}.mosaic-grid{row-gap:55px}.archive-grid{row-gap:85px}}
@media(prefers-reduced-motion:reduce){.opening-card,.hero-scene>img{transform:none!important}.section-top,.featured-title,.capabilities-head{translate:none}}
html[data-project-motion=off] .opening-card{transform:none!important}

.identity{min-width:104px;font-size:17px}.opening-art{position:relative}.opening-art video{width:100%;height:100%;object-fit:contain}.film-badge{position:absolute;bottom:13px;left:13px;background:#202020cc;color:#fff;padding:8px 10px;font-size:8px;letter-spacing:1px;pointer-events:none}.film-library{padding-block:55px 85px;border-bottom:1px solid var(--line)}.film-library-head{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin-bottom:35px}.film-library-head .label{color:var(--orange)}.film-library-head h2{font-size:clamp(28px,3.5vw,54px);font-weight:400;letter-spacing:-2px}.film-library-head p{grid-column:2;color:var(--muted);font-size:12px;line-height:1.8}.film-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.film-library-card{text-align:left;min-width:0}.film-library-card>div{position:relative;aspect-ratio:1.5;background:#181818;overflow:hidden}.film-library-card img{height:100%;width:100%;object-fit:contain;transition:scale .5s}.film-library-card:hover img{scale:1.04}.film-library-card>div>span{position:absolute;bottom:12px;right:12px;width:37px;height:37px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;background:#202020a0}.film-library-card b{display:block;font-size:15px;font-weight:500;margin-top:15px}.film-library-card small{display:block;color:var(--orange);font-size:8px;letter-spacing:.8px;margin-top:8px}.hero-scene>video{object-fit:contain;transform:none!important}
@media(max-width:700px){.identity{min-width:90px;font-size:15px}.film-library-head{display:block}.film-library-head h2{margin-block:14px}.film-library-grid{grid-template-columns:1fr 1fr;gap:28px 14px}.film-library-card b{font-size:13px}.film-library-card small{font-size:6px}.film-library{padding-block:35px 50px}}

.identity{display:flex;flex-direction:column;gap:5px;min-width:112px;padding:0}.identity-first{font-size:10px;letter-spacing:3px;line-height:1.1;font-weight:500}.identity img{width:112px;height:auto}.footer-wordmark{width:145px;margin-top:8px}.dialog-wordmark{width:100px}.site-header .identity{margin-right:10px}@media(max-width:700px){.identity{min-width:95px}.identity img{width:95px}.identity-first{font-size:8px;letter-spacing:2.8px}}