@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@font-face{font-family:Pixelify;src:url(/fonts/PixelifySans-Medium.ttf) format("truetype");font-weight:500;font-display:swap}:root{--bg:#0e1725;--fg:#e6f7ff;--muted:#9cacbc;--line:rgba(230,247,255,.18);--accent-ui:#7da0ff;--mx:70vw;--my:30vh;font-family:Roboto,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.mark,.nav nav button,.project,.footer-line button{border:0;background:none;padding:0;cursor:pointer}.site{min-height:100vh;background:var(--bg);color:var(--fg);transition:background .5s,color .5s;overflow:hidden;position:relative}.site.light{--bg:#edf6fa;--fg:#111b28;--muted:#536270;--line:rgba(17,27,40,.16);--accent-ui:#2853b8;color-scheme:light}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(600px circle at var(--mx) var(--my),rgba(31,99,255,.2),transparent 60%);opacity:.9}.shell{width:min(100% - 48px,1440px);margin-inline:auto;position:relative;z-index:1}.nav.shell{width:100%;max-width:none;padding-inline:24px}.nav{height:88px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .5s,color .5s}.mark{justify-self:start;display:grid;align-items:center;text-align:left;font-family:Pixelify,monospace;font-size:30px;font-weight:500;line-height:1;letter-spacing:-.035em;white-space:nowrap;min-width:200px}.mark-short,.mark-full{grid-area:1/1;transition:opacity .22s,transform .35s cubic-bezier(.2,.8,.2,1)}.mark-short{color:#7da0ff;opacity:1;transform:translate(0)}.mark-full{color:var(--fg);font-size:24px;opacity:0;transform:translate(-8px);pointer-events:none}.mark.expanded .mark-short{opacity:0;transform:translate(8px)}.mark.expanded .mark-full{opacity:1;transform:translate(0)}.nav nav{display:flex;align-items:center;justify-content:center;gap:42px;font-size:15px}.nav nav button{transition:opacity .25s}.nav nav button:hover{opacity:.55}.theme{justify-self:end;width:42px;height:42px;color:inherit;border:1px solid var(--line);background:transparent;border-radius:50%;padding:0;display:grid;place-items:center;cursor:pointer;transition:background .25s,border-color .25s}.theme:hover{background:#7da0ff1f;border-color:#7da0ff}.theme svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero{min-height:calc(100vh - 88px);padding:76px 0 54px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;display:flex;align-items:center;gap:12px;color:var(--muted)}.eyebrow span{width:7px;height:7px;background:#69ffb3;border-radius:50%;box-shadow:0 0 16px #69ffb3}.hero h1{font-size:clamp(64px,9.25vw,142px);line-height:.86;letter-spacing:-.065em;margin:40px 0 54px;max-width:1280px}.hero h1 em{font-style:normal;color:#7da0ff}.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:28px}.hero-foot p{max-width:490px;margin:0;color:var(--muted);font-size:18px;line-height:1.5}.work-link{display:flex;align-items:center;gap:22px;padding:12px 0;border-bottom:1px solid currentColor;font-size:14px;text-transform:uppercase;letter-spacing:.12em;transition:color .25s,gap .25s}.work-link:hover{color:#7da0ff;gap:28px}.work-link b{font-size:18px;font-weight:400}.work{padding:150px 0}.section-label{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:12px;margin-bottom:34px}.project{width:100%;text-align:left;min-height:330px;border-top:1px solid var(--line);display:grid;grid-template-columns:80px 1fr auto;align-items:center;position:relative;overflow:hidden}.project:last-child{border-bottom:1px solid var(--line)}.project-index{align-self:start;margin-top:42px;color:var(--muted)}.project p{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted)}.project h2{font-size:clamp(44px,6vw,88px);line-height:1;margin:18px 0 10px;letter-spacing:-.05em}.project h3{font-size:18px;font-weight:400;margin:0;color:var(--muted)}.project-arrow{font-size:42px;transition:transform .35s}.project:hover .project-arrow{transform:translate(8px,-8px)}.project-glow{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(70px);opacity:0;right:15%;transition:opacity .5s;pointer-events:none}.project:hover .project-glow{opacity:.32}.blue .project-glow{background:#276cff}.violet .project-glow{background:#8758ff}.orange .project-glow{background:#ff6d34}.section-kicker{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--muted);margin-bottom:60px}.about{padding:150px 0;border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw}.about h2,.contact h2{font-size:clamp(54px,7vw,108px);letter-spacing:-.06em;line-height:.94;margin:0}.about h2 em,.contact h2 em{font-style:normal;color:#7da0ff}.about-grid>div>p{font-size:20px;line-height:1.55;color:var(--muted);margin:0 0 28px}.capabilities{margin-top:54px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.capabilities span{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.contact{min-height:92vh;padding:140px 0 42px;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--line);position:relative}.contact h2{max-width:1200px}.contact-row{display:flex;justify-content:space-between;align-items:end;margin:80px 0 120px}.contact-row p{max-width:520px;color:var(--muted);font-size:18px;line-height:1.5}.contact-row a{border-bottom:1px solid currentColor;padding:0 0 8px;font-size:20px}.footer-line{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.pixel-form{position:absolute;right:5%;bottom:78px;width:92px;height:92px;opacity:0;transform:translateY(36px);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:4px;rotate:-4deg}.pixel-form i{display:block;background:#7da0ff}.pixel-form i:nth-child(1){grid-area:1/1}.pixel-form i:nth-child(2){grid-area:1/4}.pixel-form i:nth-child(3){grid-area:2/1}.pixel-form i:nth-child(4){grid-area:2/4}.pixel-form i:nth-child(5){grid-area:3/2}.pixel-form i:nth-child(6){grid-area:3/3}.pixel-form i:nth-child(7){grid-area:4/2/span 1/span 2}.pixel-form.visible{opacity:.9;transform:translateY(0);animation:drift 2.8s ease-in-out infinite alternate;filter:drop-shadow(0 0 18px rgba(125,160,255,.3))}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .8s}.reveal.shown{opacity:1;transform:none}.cursor-v{display:none;position:fixed;z-index:99;pointer-events:none;width:28px;height:28px;background:#dff4ff;color:#101826;font:700 15px/28px monospace;text-align:center;clip-path:polygon(0 0,100% 0,100% 72%,72% 72%,72% 100%,28% 100%,28% 72%,0 72%);box-shadow:0 0 24px #7da0ffcc}.case{background:#f4f5f6;color:#10141b}.case-cover{height:100svh;min-height:720px;position:relative;background:#0e1725}.case-cover>img{width:100%;height:100%;object-fit:cover}.case-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(8,14,24,.55),transparent 65%)}.case-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding-block:44px 56px}.back{align-self:start;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:12px 18px;cursor:pointer}.case-cover-overlay>div span,.scroll-cue{text-transform:uppercase;letter-spacing:.15em;font-size:12px}.case-cover h1{font-size:clamp(70px,10vw,150px);letter-spacing:-.065em;line-height:.88;margin:22px 0}.case-cover-overlay>div p{font-size:clamp(24px,4vw,55px);margin:0;max-width:900px}.scroll-cue{align-self:flex-end}.case-sections{width:min(100% - 48px,1440px);margin:auto;padding:130px 0}.case-section{min-height:80vh;display:grid;grid-template-columns:1fr .82fr;gap:8vw;align-items:center;padding:100px 0;border-bottom:1px solid #cdd0d4}.case-section.reverse{grid-template-columns:.82fr 1fr}.case-section.reverse .case-copy{order:2}.case-copy>span{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#69717b}.case-copy h2{font-size:clamp(48px,5.7vw,84px);letter-spacing:-.055em;line-height:.98;margin:28px 0 50px}.case-copy p{font-size:18px;line-height:1.65;color:#4e5661;white-space:pre-line}.case-section figure{margin:0;height:min(76vh,760px);background:#e7e9ec;overflow:hidden}.case-section figure img{width:100%;height:100%;object-fit:cover}.quote-card{aspect-ratio:1;max-height:650px;background:#101a2a;color:#e6f7ff;padding:12%;display:flex;flex-direction:column;justify-content:space-between}.quote-card>span{font-size:84px;color:var(--accent)}.quote-card p{font-size:clamp(24px,2.5vw,40px);line-height:1.15;letter-spacing:-.03em}.next-project{padding:140px 0}.next-project>span{color:#69717b;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.next-project button{margin-top:32px;width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #bfc3c8;border-bottom:1px solid #bfc3c8;background:none;padding:45px 0;font-size:clamp(45px,7vw,100px);letter-spacing:-.05em;cursor:pointer}.next-project b{font-weight:400;color:var(--accent)}@keyframes drift{0%{translate:0 0}to{translate:0 -7px}}@media(pointer:fine){body,a,button{cursor:none}.cursor-v{display:block;left:calc(var(--mx) - 14px);top:calc(var(--my) - 14px)}}@media(max-width:720px){.shell{width:min(100% - 30px,1440px)}.nav.shell{width:100%;padding-inline:15px}.nav{height:72px;grid-template-columns:1fr auto}.nav nav{display:none}.mark{min-width:0}.mark-full{font-size:20px}.theme{width:40px;height:40px}.hero{min-height:calc(100svh - 72px);padding:48px 0 32px}.hero h1{font-size:clamp(53px,16vw,84px);margin:48px 0}.hero-foot{align-items:flex-end;gap:24px}.hero-foot p{max-width:70%;font-size:15px}.work-link{font-size:10px;gap:10px;white-space:nowrap}.work,.about{padding:90px 0}.project{min-height:260px;grid-template-columns:42px 1fr auto}.project h2{font-size:42px}.project h3{font-size:15px}.project-arrow{font-size:26px}.about-grid{grid-template-columns:1fr;gap:50px}.about h2,.contact h2{font-size:52px}.contact{padding-top:90px}.contact-row{display:block;margin:60px 0 120px}.contact-row a{display:inline-block;margin-top:30px}.footer-line{gap:14px;flex-wrap:wrap}.pixel-form{width:62px;height:62px;bottom:105px}.case-cover{height:88svh;min-height:620px}.case-cover-overlay{padding-block:24px 40px}.case-cover h1{font-size:66px}.case-cover-overlay>div p{font-size:26px}.case-sections{width:min(100% - 30px,1440px);padding:40px 0}.case-section,.case-section.reverse{min-height:0;display:flex;flex-direction:column;gap:45px;padding:80px 0}.case-section.reverse .case-copy{order:0}.case-section figure{height:60vh;width:100%}.case-copy h2{font-size:48px;margin:22px 0 35px}.case-copy p{font-size:16px}.quote-card{width:100%;aspect-ratio:auto;min-height:370px}.next-project{padding:90px 0}.next-project button{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pixel-form.visible{animation:none}*{transition-duration:.01ms!important}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.case-cover{height:auto;min-height:0;aspect-ratio:16/9}.case-cover:after{display:none}.back,.scroll-cue{background:#0c142075;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scroll-cue{padding:10px 14px;border-radius:99px}@media(max-width:720px){.case-cover{height:auto;min-height:0;aspect-ratio:16/9}.case-cover-overlay{padding-block:16px}.scroll-cue{display:none}}.site{padding-top:88px}.nav{position:fixed;inset:0 0 auto}@media(max-width:720px){.site{padding-top:72px}}.nav{grid-template-columns:1fr auto}.nav-actions{justify-self:end;display:flex;align-items:center;gap:32px}.nav-actions nav{gap:32px}@media(max-width:720px){.nav-actions{gap:16px}.nav-actions nav{display:flex;gap:16px;font-size:13px}.mark-full{font-size:18px}.mark.expanded{min-width:154px}}.project-content{padding:58px 0}.project-cta{width:max-content;display:flex;align-items:center;gap:12px;margin-top:30px;padding-bottom:7px;border-bottom:1px solid currentColor;font-size:13px;font-weight:500;white-space:nowrap;transition:color .25s,gap .25s}.project-cta b{font-size:18px;font-weight:400}.project:hover .project-cta{color:#7da0ff;gap:18px}.case{background:var(--bg);color:var(--fg);transition:background .5s,color .5s}.case-sections{color:var(--fg)}.case-section{border-color:var(--line)}.case-copy>span,.next-project>span{color:var(--muted)}.case-copy p{color:var(--muted)}.case-section figure{background:color-mix(in srgb,var(--fg) 8%,var(--bg))}.quote-card{background:color-mix(in srgb,var(--fg) 8%,var(--bg));color:var(--fg)}.next-project button{color:var(--fg);border-color:var(--line)}@media(max-width:720px){.project-content{padding:42px 0}.project-cta{margin-top:24px;font-size:11px;gap:7px}.project-cta b{font-size:16px}.project:hover .project-cta{gap:10px}}@media(pointer:fine){body,a,button{cursor:auto}.project,button,a{cursor:pointer}}@media(max-width:420px){.nav-actions{gap:10px}.nav-actions nav{gap:10px;font-size:11px}.mark.expanded{min-width:0}.mark.expanded .mark-short{opacity:1;transform:none}.mark.expanded .mark-full{display:none}}.project{border-top:0}.project+.project{border-top:1px solid var(--line)}.project:last-child{border-bottom:0}.mascot{position:absolute;right:4%;bottom:76px;width:150px;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translateY(34px);pointer-events:none;transition:opacity .45s,transform .7s cubic-bezier(.2,.8,.2,1)}.mascot.visible{opacity:1;transform:translateY(0);pointer-events:auto}.mascot img{display:block;width:100%;height:auto;image-rendering:pixelated;transform-origin:62% 82%}.mascot>span:first-child{font-family:Pixelify,monospace;font-size:13px;color:var(--muted);opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.mascot:hover>span:first-child,.mascot:focus-visible>span:first-child{opacity:1;transform:none}.mascot.visible img{animation:mascot-wave 1.4s ease-in-out 2}.mascot:focus-visible{outline:2px solid #7da0ff;outline-offset:8px;border-radius:2px}@keyframes mascot-wave{0%,to{transform:rotate(0)}35%{transform:rotate(-4deg) translateY(-4px)}65%{transform:rotate(3deg) translateY(-2px)}}@media(max-width:720px){.mascot{width:104px;right:2%;bottom:112px}.mascot>span:first-child{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mascot.visible img{animation:none}}.nav nav button{position:relative;padding:10px 0;color:var(--muted);opacity:1;transition:color .2s,transform .15s}.nav nav button:after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;background:#7da0ff;opacity:0;transform:translate(-50%,4px);transition:opacity .2s,transform .2s}.nav nav button:hover{color:var(--fg);opacity:1}.nav nav button.active{color:var(--fg)}.nav nav button.active:after{opacity:1;transform:translate(-50%)}.nav nav button:active{transform:translateY(1px)}.contact-row{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:80px 0 120px}.contact-row p{margin:0}.contact-row a{margin-top:34px;width:max-content}:where(a,button):focus-visible{outline:2px solid #7da0ff;outline-offset:5px;border-radius:2px}.mark:hover{color:#7da0ff}.theme:active{transform:scale(.94)}.work-link:active,.contact-row a:active,.project-cta:active{transform:translateY(1px)}.project:focus-visible{outline:2px solid #7da0ff;outline-offset:-2px}.project:focus-visible .project-cta{color:#7da0ff;gap:18px}.back:hover{background:#ffffff38}.back:active{transform:translateY(1px)}.next-project button:hover{color:var(--accent)}.next-project button:active{transform:translateY(2px)}@media(max-width:720px){.contact-row{margin:60px 0 120px}.contact-row a{margin-top:28px}}.work{position:relative;isolation:isolate}.work-ambience{position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;overflow:hidden;transform:translate(-50%);pointer-events:none}.work-ambience i{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;display:block;opacity:0;transition:opacity 1.25s ease;background-repeat:no-repeat;background-size:110% 46%}.work-ambience .flow-blue{background-image:radial-gradient(ellipse at 68% 16%,rgba(39,108,255,.28),transparent 58%)}.work-ambience .flow-violet{background-image:radial-gradient(ellipse at 68% 50%,rgba(135,88,255,.34),transparent 58%)}.work-ambience .flow-orange{background-image:radial-gradient(ellipse at 68% 84%,rgba(255,109,52,.3),transparent 58%)}.work.flow-blue .flow-blue,.work.flow-violet .flow-violet,.work.flow-orange .flow-orange{opacity:1}.work>.section-label,.work>.project{position:relative;z-index:1}.project,.project+.project,.project:last-child{border:0}.project{overflow:visible}.project-cta{gap:0}.project:hover .project-cta,.project:focus-visible .project-cta{gap:0}.project-cta b{display:none}.case-page-nav{height:58px;position:fixed;inset:88px 0 auto;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;background:#0e1725eb;color:#e6f7ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:13px}.case-page-nav button{justify-self:start;border:0;background:transparent;padding:10px 0;color:#e6f7ff;cursor:pointer}.case-page-nav button:hover{color:#7da0ff}.case-page-nav>span:first-of-type{justify-self:center;font-weight:500}.case-page-nav>span:last-child{justify-self:end;color:#9cacbc}.case-frame-gallery{width:100%;background:#fff}.case-frame{width:100%;aspect-ratio:16/9;margin:0;overflow:hidden}.case-frame img{display:block;width:100%;height:100%;object-fit:contain}.case-next{padding:86px 0 110px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.case-next>span{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--muted)}.case-next button{border:0;background:transparent;padding:0;text-align:right;color:var(--fg);font-size:clamp(28px,4vw,54px);font-weight:700;letter-spacing:-.04em;cursor:pointer}.case-next button small{display:block;margin-top:10px;color:var(--muted);font-size:15px;font-weight:400;letter-spacing:0}.case-next button:hover{color:var(--accent)}.case-frame-link{display:block;width:100%;height:100%;cursor:zoom-in}.case-frame-link:focus-visible{outline:4px solid var(--accent);outline-offset:-4px}@media(max-width:720px){.case-page-nav{top:72px;height:54px;padding-inline:15px;grid-template-columns:1fr auto}.case-page-nav>span:first-of-type{justify-self:end}.case-page-nav>span:last-child{display:none}.case-frame{aspect-ratio:16/9}.case-next{padding:64px 0 82px;display:block}.case-next>span,.case-next button{display:block}.case-next button{margin-top:24px;text-align:left;font-size:34px}.work-ambience i{background-size:180% 42%;background-position:center}}.case-hero{min-height:min(84svh,900px);position:relative;overflow:hidden;background:#050607;color:#fff;padding:clamp(52px,7vw,112px) max(24px,calc((100vw - 1440px)/2));display:flex;align-items:flex-start}.case-hero-copy{position:relative;z-index:2;width:min(68%,980px)}.case-hero-copy>span{display:inline-flex;padding:12px 18px;border-radius:10px;background:#ffffff1a;font-size:15px}.case-hero h1{font-size:clamp(58px,7.5vw,112px);line-height:.92;letter-spacing:-.06em;margin:clamp(90px,12vh,150px) 0 28px}.case-hero p{font-size:clamp(25px,3.2vw,52px);line-height:1.08;margin:0;max-width:900px}.case-hero-visual{position:absolute;top:0;right:0;bottom:0;left:44%;pointer-events:none}.cover-ui{position:absolute;display:block;max-width:none;filter:drop-shadow(0 28px 45px rgba(0,0,0,.48))}.case-etihad .cover-ui{width:min(64vw,1080px);transform:rotate(-30deg)}.case-etihad .cover-ui-1{top:-7%;left:15%}.case-etihad .cover-ui-2{top:50%;left:5%}.case-wasl .cover-ui{width:min(64vw,1080px);transform:rotate(-30deg)}.case-wasl .cover-ui-1{top:-5%;left:16%}.case-wasl .cover-ui-2{top:49%;left:6%}.case-talabat .cover-ui{width:min(28vw,620px);transform:rotate(-30deg)}.case-talabat .cover-ui-1{top:-20%;left:45%}.case-talabat .cover-ui-2{top:20%;left:8%}.case-story{width:min(100% - 48px,1440px);margin-inline:auto;padding:40px 0 80px}.story-chapter{min-height:82vh;padding:clamp(88px,10vw,150px) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.78fr);gap:clamp(70px,8vw,140px);align-items:center}.story-copy>span{display:block;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:34px}.story-copy h2{font-size:clamp(44px,5.2vw,78px);line-height:1;letter-spacing:-.055em;margin:0 0 46px;max-width:900px}.story-copy p{white-space:pre-line;color:var(--muted);font-size:clamp(17px,1.35vw,21px);line-height:1.62;margin:0;max-width:790px}.story-visual{margin:0;align-self:center}.story-visual figcaption{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:14px}.story-visual a{display:block;background:#050607;overflow:hidden}.story-visual img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.story-visual p{font-size:14px;line-height:1.5;color:var(--muted);margin:18px 0 0}.story-chapter.featured{grid-template-columns:minmax(340px,.62fr) minmax(0,1.38fr)}.story-chapter.featured .story-visual img{max-height:none}.story-chapter.text-only{grid-template-columns:minmax(0,980px) 1fr;min-height:62vh}.story-chapter.text-only .story-copy{grid-column:1}.story-chapter:last-child .story-copy p{font-size:clamp(25px,2.8vw,43px);line-height:1.25;color:var(--fg);letter-spacing:-.025em}@media(max-width:900px){.case-hero{min-height:700px;padding-inline:24px}.case-hero-copy{width:100%}.case-hero h1{margin-top:80px}.case-hero-visual{top:35%;right:-15%;bottom:0;left:20%;opacity:.58}.case-etihad .cover-ui,.case-wasl .cover-ui{width:900px}.case-talabat .cover-ui{width:440px}.case-story{width:min(100% - 30px,1440px)}.story-chapter,.story-chapter.featured,.story-chapter.text-only{min-height:0;grid-template-columns:1fr;gap:55px;padding:82px 0}.story-chapter.text-only .story-copy{grid-column:auto}.story-visual{width:100%}.story-visual img{max-height:none}.story-copy h2{font-size:44px;margin-bottom:34px}}.work>.project{--px:68%;--py:50%;--parallax:0px;--case-rgb:39,108,255;margin:22px 0;padding:1px 42px;border-radius:26px;overflow:hidden;isolation:isolate;translate:0 var(--parallax);background:linear-gradient(118deg,#ffffff52,#ffffff0b 28%,#ffffff1f 68%,#ffffff61);box-shadow:0 24px 80px #0208142e;backdrop-filter:blur(18px) saturate(122%);-webkit-backdrop-filter:blur(18px) saturate(122%);transition:translate .18s linear,box-shadow .35s ease}.work>.project.violet{--case-rgb:135,88,255}.work>.project.orange{--case-rgb:255,109,52}.work>.project:before{content:"";position:absolute;z-index:-2;top:1px;right:1px;bottom:1px;left:1px;border-radius:25px;background:radial-gradient(540px circle at var(--px) var(--py),rgba(var(--case-rgb),.42),rgba(var(--case-rgb),.13) 38%,transparent 72%),linear-gradient(120deg,#0f1b2da8,#0b142270);transition:background .12s linear}.work>.project:after{content:"";position:absolute;z-index:-1;top:1px;right:1px;bottom:1px;left:1px;border-radius:25px;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.15),transparent 26%,transparent 72%,rgba(255,255,255,.08));box-shadow:inset 0 1px #ffffff2e,inset 0 -1px rgba(var(--case-rgb),.14)}.work>.project:hover,.work>.project:focus-visible{box-shadow:0 32px 100px rgba(var(--case-rgb),.18),0 12px 42px #02081447}.site.light .work>.project:before{background:radial-gradient(540px circle at var(--px) var(--py),rgba(var(--case-rgb),.26),rgba(var(--case-rgb),.08) 40%,transparent 72%),linear-gradient(120deg,#ffffffc2,#edf6fa7a)}.site.light .work>.project{background:linear-gradient(118deg,#ffffffeb,#ffffff47 30%,rgba(var(--case-rgb),.16) 68%,#fffc);box-shadow:0 22px 65px #2b3a4f1f}@media(max-width:720px){.work>.project{margin:15px 0;padding-inline:20px;border-radius:20px;backdrop-filter:blur(14px) saturate(118%);-webkit-backdrop-filter:blur(14px) saturate(118%)}.work>.project:before,.work>.project:after{border-radius:19px}.work>.project:before{background:radial-gradient(420px circle at var(--px) var(--py),rgba(var(--case-rgb),.34),rgba(var(--case-rgb),.11) 42%,transparent 76%),linear-gradient(120deg,#0f1b2db8,#0b142285)}}@media(prefers-reduced-motion:reduce){.work>.project{translate:none!important}.work>.project:before{transition:none}}.case .story-copy>span{color:var(--accent-ui)}.case .case-next button:hover{color:var(--accent-ui)}.case .case-frame-link:focus-visible{outline-color:var(--accent-ui)}.work-ambience{inset:-38vh auto -30vh 50%;overflow:visible;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}.work-ambience i{top:-4%;right:-4%;bottom:-4%;left:-4%;background-size:115% 54%}.work>.project{--glow-a:0;--glow-b:0;background:linear-gradient(118deg,#ffffff47,#ffffff09 28%,#ffffff14 70%,#ffffff4d);transition:translate .18s linear,box-shadow .35s ease}.work>.project:before{background:linear-gradient(120deg,#0f1b2db3,#0b142280)}.work>.project:after{background:radial-gradient(540px circle at var(--px) var(--py),rgba(var(--case-rgb),var(--glow-a)),rgba(var(--case-rgb),var(--glow-b)) 38%,transparent 72%),linear-gradient(112deg,rgba(255,255,255,.15),transparent 26%,transparent 72%,rgba(255,255,255,.08));transition:background .14s linear}.work>.project:hover,.work>.project:focus-visible{--glow-a:.43;--glow-b:.14}.site.light .work>.project{background:linear-gradient(118deg,#ffffffe0,#ffffff47 32%,#ffffff85);box-shadow:0 22px 65px #2b3a4f1f}.site.light .work>.project:before{background:linear-gradient(120deg,#ffffffb8,#edf6fa85)}.site.light .work>.project:hover,.site.light .work>.project:focus-visible{--glow-a:.28;--glow-b:.08}.story-visual a{padding:clamp(14px,2vw,28px);border:1px solid color-mix(in srgb,var(--fg) 9%,transparent);border-radius:28px;background:#151e2a;box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 7%,transparent),0 20px 65px color-mix(in srgb,var(--bg) 78%,transparent)}.story-visual img{border-radius:18px}.story-cta{display:inline-flex;margin-top:34px;padding:12px 0 8px;border-bottom:1px solid currentColor;color:var(--fg);font-size:16px;font-weight:600;text-decoration:none;transition:color .2s ease,border-color .2s ease,transform .2s ease}.story-cta:hover{color:var(--accent-ui)}.story-cta:active{transform:translateY(1px)}.story-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,28px);align-items:end}.story-visual-grid img{max-height:none;aspect-ratio:335/653;object-fit:contain}.site.light .story-visual a{background:#e7edf1;border-color:#111b281a;box-shadow:inset 0 1px #ffffffd1,0 18px 48px #25384e14}@media(max-width:720px){.work-ambience{inset:-24vh auto -20vh 50%}.story-visual a{border-radius:20px;padding:12px}.story-visual img{border-radius:12px}}.case-next{display:block;padding:86px 0 110px}.case-next>span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--muted)}.next-project-card.work{width:100%;padding:0;margin-top:30px}.next-project-card.work>.project{width:100%;min-height:330px}.next-project-card.work>.project h2{font-size:clamp(44px,6vw,88px)}@media(max-width:720px){.case-next{padding:64px 0 82px}.next-project-card.work{margin-top:22px}.next-project-card.work>.project{min-height:260px}.next-project-card.work>.project h2{font-size:42px}}.site{overflow-x:clip;overflow-y:visible}.work{padding:96px 0 128px}.work>.section-label{margin-bottom:22px}.work>.project.deck-card{position:sticky;top:calc(108px + var(--deck-index) * 18px);z-index:calc(10 + var(--deck-index));margin:0 0 24px;min-height:min(52vh,430px);translate:none;transform:rotate(calc((var(--deck-index) - 1) * .22deg));transform-origin:50% 12%;box-shadow:0 18px 54px #02081438;transition:transform .28s ease,box-shadow .35s ease}.work>.project.deck-card:hover,.work>.project.deck-card:focus-visible{transform:rotate(0) translateY(-3px)}.site.light .hero h1 em,.site.light .about h2 em,.site.light .contact h2 em,.site.light .mark-short,.site.light .work-link:hover,.site.light .project:hover .project-cta,.site.light .project:focus-visible .project-cta{color:var(--accent-ui)}.site.light .nav nav button:after{background:var(--accent-ui)}.site.light :where(a,button):focus-visible{outline-color:var(--accent-ui)}.site.light .theme:hover{border-color:var(--accent-ui)}.site.light .mark:hover{color:var(--accent-ui)}@media(max-width:720px){.work{padding:76px 0 96px}.work>.project.deck-card{position:sticky;top:calc(84px + var(--deck-index) * 12px);min-height:min(58svh,420px);margin-bottom:15px;transform:rotate(calc((var(--deck-index) - 1) * .18deg));padding-inline:20px}}@media(prefers-reduced-motion:reduce){.work>.project.deck-card{position:relative;top:auto;transform:none}}.site,.site *{letter-spacing:0!important;text-transform:none!important}.work-ambience{display:none}.case-next .next-project-card.work>.project{font-size:inherit;text-align:left}.case-next .next-project-card .project-cta{font-size:13px;line-height:1.35;white-space:normal;width:max-content;max-width:100%}.about-intro{align-self:start}.about-avatar{display:block;width:88px;height:88px;margin:0 0 28px;border-radius:50%;object-fit:cover;object-position:center 34%;border:1px solid color-mix(in srgb,var(--fg) 22%,transparent);box-shadow:0 12px 34px #02081438}.about-intro>p{max-width:760px}.about-intro>p:first-of-type{font-size:clamp(20px,1.7vw,27px);line-height:1.45;color:var(--fg);margin-bottom:28px}.about-intro>p:not(:first-of-type){font-size:var(--type-body);line-height:1.65;color:var(--muted);margin-bottom:18px}.about-intro>p:last-of-type{margin-bottom:0}@media(max-width:720px){.about-avatar{width:76px;height:76px;margin-bottom:24px}.about-intro>p:first-of-type{font-size:20px}}@media(max-width:720px){.case-next .next-project-card .project-cta{font-size:12px}.work>.project.deck-card .project-content{padding:38px 0}.work>.project.deck-card h2{font-size:clamp(38px,12vw,52px)}}:root{--page-gutter:clamp(20px,4vw,72px)}.shell{width:min(calc(100% - var(--page-gutter) - var(--page-gutter)),1440px)}.nav.shell{width:100%;padding-inline:var(--page-gutter)}.case-story{width:min(calc(100% - var(--page-gutter) - var(--page-gutter)),1440px)}.case-hero{padding-inline:max(var(--page-gutter),calc((100vw - 1440px)/2))}.case-page-nav{padding-inline:var(--page-gutter)}.work>.project.deck-card{min-height:clamp(240px,30vh,290px);grid-template-columns:48px minmax(0,1fr);padding-inline:clamp(26px,3.2vw,48px);border-radius:22px}.work>.project.deck-card:before,.work>.project.deck-card:after{border-radius:21px}.work>.project.deck-card .project-index{margin-top:28px}.work>.project.deck-card .project-content{padding:30px 0 34px}.work>.project.deck-card h2{font-size:clamp(42px,5vw,68px);margin:12px 0 7px}.work>.project.deck-card h3{font-size:17px}.work>.project.deck-card .project-cta{margin-top:20px}@media(max-width:720px){:root{--page-gutter:20px}.work>.project.deck-card{min-height:clamp(250px,40svh,310px);grid-template-columns:32px minmax(0,1fr);padding-inline:20px;border-radius:18px}.work>.project.deck-card:before,.work>.project.deck-card:after{border-radius:17px}.work>.project.deck-card .project-index{margin-top:22px}.work>.project.deck-card .project-content{padding:26px 0 30px}.work>.project.deck-card h2{font-size:clamp(34px,10.5vw,46px)}.work>.project.deck-card h3{font-size:15px}}.story-chapter,.story-chapter.featured,.story-chapter.text-only{min-height:0;padding:32px 0;gap:clamp(36px,5vw,72px)}@media(max-width:900px){.story-chapter,.story-chapter.featured,.story-chapter.text-only{padding:12px 0;gap:28px}.case-story{padding-top:20px;padding-bottom:40px}}:root{--type-meta:12px;--type-body:clamp(16px,1.25vw,19px);--type-lead:clamp(20px,2vw,28px);--type-section:clamp(38px,4.5vw,64px);--type-display:clamp(58px,8vw,118px)}.eyebrow,.section-label,.section-kicker,.project p,.story-copy>span,.case-next>span{font-size:var(--type-meta)}.hero h1{font-size:var(--type-display)}.about h2,.contact h2{font-size:clamp(48px,6.5vw,94px)}.project h2,.work>.project.deck-card h2{font-size:var(--type-section)}.project h3,.hero-foot p,.about-grid>div>p,.contact-row p{font-size:var(--type-body)}.case-hero h1{font-size:clamp(52px,7vw,96px)}.case-hero p{font-size:clamp(22px,3vw,42px)}.story-copy h2{font-size:var(--type-section);margin-bottom:32px}.story-copy p,.story-chapter:last-child .story-copy p{font-size:var(--type-body);line-height:1.58;color:var(--muted)}.story-visual img,.story-visual-grid img{border-radius:0}.story-visual a,.site.light .story-visual a{border-radius:18px}.story-visual.visual-stack .story-visual-grid{grid-template-columns:1fr;gap:clamp(12px,1.4vw,20px);align-items:start}.story-visual.visual-stack .story-visual-grid img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.nav{border-bottom:0}.mascot.visible{animation:mascot-arrive 1.6s cubic-bezier(.22,.75,.2,1) both}.mascot.visible img{animation:none}@keyframes mascot-arrive{0%{opacity:0;transform:translateY(18px) scale(.97);filter:blur(2px)}35%{opacity:.28}70%{opacity:.78}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.mascot.visible{animation:none;opacity:1;transform:none;filter:none}}.work>.project.deck-card,.next-project-card.work>.project{grid-template-columns:minmax(0,1fr)}.project-meta{display:flex;align-items:center;gap:14px;color:var(--muted)}.project-meta .project-index{align-self:auto;margin:0;flex:0 0 auto}.project-meta p{margin:0}.work>.project.deck-card .project-index{margin:0}.work>.project.deck-card .project-content,.next-project-card.work>.project .project-content{width:100%}.work>.project.deck-card .project-content{padding-block:30px 34px}.next-project-card.work>.project .project-content{padding-block:38px}.work>.project.deck-card h2,.next-project-card.work>.project h2{margin-top:14px}@media(max-width:720px){.project-meta{gap:10px}.work>.project.deck-card .project-content{padding-block:26px 30px}.next-project-card.work>.project .project-content{padding-block:30px}.work>.project.deck-card h2,.next-project-card.work>.project h2{margin-top:12px}}.story-heading{margin-bottom:clamp(30px,4vw,48px)}.story-heading>span{display:block;margin:0 0 14px;color:var(--accent-ui);font-size:var(--type-meta);font-weight:500}.story-heading h2{max-width:900px;margin:0;font-size:var(--type-section);font-weight:700;line-height:1.02;color:var(--fg)}.story-copy .story-subtitle{max-width:820px;margin:18px 0 0;font-size:clamp(23px,3vw,42px);font-weight:700;line-height:1.12;color:var(--fg)}.story-body{display:grid;gap:18px;max-width:790px}.story-body p,.story-chapter:last-child .story-body p{margin:0;font-size:var(--type-body);font-weight:400;line-height:1.58;color:var(--muted);white-space:normal}.story-body h3{margin:12px 0 -8px;font-size:var(--type-body);font-weight:700;line-height:1.45;color:var(--fg)}.story-body h3:first-child{margin-top:0}.story-body .story-decision{margin-top:18px}.story-body ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:var(--type-body);line-height:1.5}.story-body li{position:relative;padding-left:1.15em}.story-body li:before{content:"•";position:absolute;left:0;color:var(--fg)}.story-body .story-stat{font-weight:700;color:var(--fg)}.story-chapter:last-child .story-body p{font-size:var(--type-lead);line-height:1.35;color:var(--fg)}@media(max-width:900px){.story-heading{margin-bottom:28px}.story-copy .story-subtitle{font-size:clamp(22px,6vw,34px)}.story-body{gap:16px}}.work>.project.deck-card{--stack-scale:1;--stack-lift:0px;--stack-depth:0;--stack-shadow-y:18px;--stack-shadow-blur:54px;transform:translateY(calc(-1 * var(--stack-lift))) scale(var(--stack-scale)) rotate(calc((var(--deck-index) - 1) * .22deg));transform-origin:50% 12%;box-shadow:0 var(--stack-shadow-y) var(--stack-shadow-blur) #02081438;transition:transform .16s linear,box-shadow .2s linear}.work>.project.deck-card:hover,.work>.project.deck-card:focus-visible{transform:translateY(calc(-3px - var(--stack-lift))) scale(var(--stack-scale)) rotate(0)}@media(max-width:720px){.work>.project.deck-card{transform:translateY(calc(-1 * var(--stack-lift))) scale(var(--stack-scale)) rotate(calc((var(--deck-index) - 1) * .18deg))}}@media(prefers-reduced-motion:reduce){.work>.project.deck-card,.work>.project.deck-card:hover,.work>.project.deck-card:focus-visible{transform:none;box-shadow:0 18px 54px #02081438}}.about-cv{display:inline-block;width:max-content;margin-top:34px;padding-bottom:7px;border-bottom:1px solid currentColor;font-size:var(--type-body);font-weight:500;color:var(--fg);transition:color .25s ease,border-color .25s ease,transform .16s ease}.about-cv:hover,.about-cv:focus-visible{color:var(--accent-ui)}.about-cv:active{transform:translateY(1px)}@media(max-width:720px){.about-cv{margin-top:28px}}#work,#about,#contact{scroll-margin-top:88px}@media(max-width:720px){#work,#about,#contact{scroll-margin-top:72px}}.case-etihad{--hero-rear-y:0px;--hero-front-y:0px;--hero-rear-scale:1;--hero-front-scale:1;background:radial-gradient(ellipse at 78% 42%,rgba(60,78,96,.28),transparent 48%),linear-gradient(132deg,#030405,#080b0e 58%,#121820)}.case-etihad .case-hero-copy{width:min(48%,720px)}.case-etihad .case-hero-visual{top:0;right:-2vw;bottom:0;left:50%;opacity:1}.case-etihad .cover-ui{max-width:none;height:auto;filter:drop-shadow(0 32px 46px rgba(0,0,0,.34));border-radius:clamp(18px,1.6vw,32px);will-change:transform}.case-etihad .cover-ui-1{z-index:1;top:7%;left:8%;width:min(45vw,820px);transform:translate3d(0,var(--hero-rear-y),0) scale(var(--hero-rear-scale))}.case-etihad .cover-ui-2{z-index:2;top:45%;left:0;width:min(50vw,920px);transform:translate3d(0,var(--hero-front-y),0) scale(var(--hero-front-scale));filter:drop-shadow(0 40px 58px rgba(0,0,0,.48))}@media(max-width:900px){.case-etihad{min-height:760px}.case-etihad .case-hero-copy{width:100%}.case-etihad .case-hero-visual{top:39%;right:-24%;bottom:0;left:12%;opacity:1}.case-etihad .cover-ui-1{top:2%;left:8%;width:min(112vw,760px)}.case-etihad .cover-ui-2{top:42%;left:0;width:min(122vw,820px)}}@media(prefers-reduced-motion:reduce){.case-etihad .cover-ui-1,.case-etihad .cover-ui-2{transform:none;will-change:auto}}#top,.case{animation:page-enter .58s cubic-bezier(.22,1,.36,1) both}@keyframes page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal{transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1)}.work>.project.deck-card{transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .28s cubic-bezier(.22,.61,.36,1)}@media(prefers-reduced-motion:reduce){#top,.case{animation:none}.reveal{transition:none}}.case-page-nav{position:sticky;inset:auto;top:88px;height:52px;z-index:35;background:color-mix(in srgb,var(--bg) 90%,transparent);color:var(--fg);box-shadow:0 12px 28px #02081414}.case-page-nav button{color:var(--fg)}.case-page-nav>span:last-child{color:var(--muted)}.case{animation:case-enter .5s cubic-bezier(.22,1,.36,1) both}@keyframes case-enter{0%{opacity:0}to{opacity:1}}@media(max-width:720px){.case-page-nav{top:72px;height:50px}}@media(prefers-reduced-motion:reduce){.case{animation:none}}.story-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:34px 0 0;background:color-mix(in srgb,var(--fg) 10%,transparent);border:1px solid color-mix(in srgb,var(--fg) 10%,transparent);border-radius:14px;overflow:hidden}.story-stats>div{min-width:0;padding:20px;background:var(--bg)}.story-stats dt{font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1;color:var(--fg)}.story-stats dd{margin:10px 0 0;font-size:13px;line-height:1.35;color:var(--muted)}.story-closing{margin:34px 0 0!important;padding-left:20px;border-left:2px solid var(--accent-ui);font-size:var(--type-lead)!important;font-weight:500!important;line-height:1.35!important;color:var(--fg)!important}.story-chapter.has-closing .story-body p{font-size:var(--type-body);line-height:1.58;color:var(--muted)}@media(max-width:900px){.story-stats{margin-top:28px}}@media(max-width:560px){.story-stats{grid-template-columns:1fr}.story-stats>div{padding:16px 18px}.story-closing{margin-top:28px!important;padding-left:16px}}.story-chapter.featured.layout-stacked{display:flex;flex-direction:column;align-items:stretch;gap:clamp(36px,4vw,56px)}.story-chapter.featured.layout-stacked .story-copy{width:100%;max-width:1120px}.story-chapter.featured.layout-stacked .story-heading h2{max-width:1120px}.story-chapter.featured.layout-stacked .story-body{max-width:1000px}.story-chapter.featured.layout-stacked .story-visual{width:100%;align-self:stretch}.story-chapter.featured.layout-stacked .story-visual a{width:100%}.story-chapter.featured.layout-stacked .story-visual img{display:block;width:100%;max-height:none}@media(max-width:900px){.story-chapter.featured.layout-stacked{gap:28px}}@media(min-width:901px){.story-chapter.featured.layout-wide-copy{grid-template-columns:minmax(0,1.12fr) minmax(500px,.88fr);gap:clamp(48px,5vw,84px)}.story-chapter.featured .story-visual.visual-size-compact{width:min(100%,680px);justify-self:end}}.case-etihad{--etihad-front-half-height:min(14.0625vw,258.75px);overflow:visible;z-index:1;min-height:clamp(560px,60svh,620px);margin-bottom:calc(var(--etihad-front-half-height) + clamp(36px,4vw,64px))}.case-etihad .cover-ui-2{top:calc(100% - var(--etihad-front-half-height))}@media(min-width:1101px){.case-etihad+.case-story{margin-top:clamp(-180px,-10vw,-120px);position:relative;z-index:2}.case-etihad+.case-story .story-chapter:first-child{align-items:start}.case-etihad+.case-story .story-chapter:first-child .story-visual{margin-top:clamp(120px,10vw,180px)}}@media(max-width:900px){.case-etihad{--etihad-front-half-height:min(29.8125vw,191.25px);min-height:680px;margin-bottom:calc(var(--etihad-front-half-height) + 36px)}.case-etihad .cover-ui-2{top:calc(100% - var(--etihad-front-half-height));width:min(106vw,680px)}}@media(min-width:721px)and (max-width:1100px){.case-etihad{min-height:clamp(720px,78svh,820px);margin-bottom:calc(min(14.76vw,147.6px) + 56px)}.case-etihad .case-hero-copy{width:100%;max-width:760px}.case-etihad .case-hero-copy>span{padding:10px 14px;font-size:13px}.case-etihad .case-hero-copy h1{margin:42px 0 18px;font-size:clamp(58px,8vw,82px);line-height:.94}.case-etihad .case-hero-copy p{max-width:680px;font-size:clamp(22px,3.2vw,30px)}.case-etihad .case-hero-visual{top:32%;right:-8%;bottom:0;left:14%;opacity:1}.case-etihad .cover-ui-1{top:0;left:16%;width:min(72vw,720px)}.case-etihad .cover-ui-2{top:40%;left:-4%;width:min(82vw,820px)}}.case-wasl{--hero-rear-y:0px;--hero-front-y:0px;--hero-rear-scale:1;--hero-front-scale:1;--wasl-front-half-height:min(14.0625vw,253.125px);overflow:visible;z-index:1;min-height:clamp(560px,60svh,620px);margin-bottom:calc(var(--wasl-front-half-height) + clamp(36px,4vw,64px));background:radial-gradient(ellipse at 78% 42%,rgba(74,84,106,.24),transparent 48%),linear-gradient(132deg,#050608,#0a0d12 58%,#151a22)}.case-wasl .case-hero-copy{width:min(48%,720px)}.case-wasl .case-hero-visual{top:0;right:-2vw;bottom:0;left:50%;opacity:1}.case-wasl .cover-ui{max-width:none;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:center top;border-radius:clamp(18px,1.6vw,32px);will-change:transform;filter:drop-shadow(0 32px 46px rgba(0,0,0,.34))}.case-wasl .cover-ui-1{z-index:1;top:7%;left:8%;width:min(44vw,790px);transform:translate3d(0,var(--hero-rear-y),0) scale(var(--hero-rear-scale))}.case-wasl .cover-ui-2{z-index:2;top:calc(100% - var(--wasl-front-half-height));left:0;width:min(50vw,900px);transform:translate3d(0,var(--hero-front-y),0) scale(var(--hero-front-scale));filter:drop-shadow(0 40px 58px rgba(0,0,0,.46))}.case-talabat{--hero-rear-y:0px;--hero-front-y:0px;--hero-rear-scale:1;--hero-front-scale:1;--talabat-front-inside-height:min(31.32vw,522px);--talabat-front-exposed-height:min(13.43vw,224px);overflow:visible;z-index:1;min-height:clamp(650px,68svh,720px);margin-bottom:calc(var(--talabat-front-exposed-height) + 16px);background:radial-gradient(ellipse at 80% 40%,rgba(78,83,96,.22),transparent 48%),linear-gradient(132deg,#050608,#0a0d12 58%,#151a22)}.case-talabat .case-hero-copy{width:min(48%,720px)}.case-talabat .case-hero-visual{top:0;right:-2vw;bottom:0;left:52%;opacity:1}.case-talabat .cover-ui{max-width:none;height:auto;border-radius:0;will-change:transform;filter:drop-shadow(0 34px 50px rgba(0,0,0,.34))}.case-talabat .cover-ui-1{z-index:1;top:5%;left:38%;width:min(22vw,360px);transform:translate3d(0,var(--hero-rear-y),0) scale(var(--hero-rear-scale))}.case-talabat .cover-ui-2{z-index:2;top:calc(100% - var(--talabat-front-inside-height));left:4%;width:min(24vw,400px);transform:translate3d(0,var(--hero-front-y),0) scale(var(--hero-front-scale));filter:drop-shadow(0 42px 62px rgba(0,0,0,.42))}.case-talabat+.case-story{padding-top:0}.case-talabat+.case-story .story-chapter:first-child{padding-top:12px}@media(min-width:721px)and (max-width:1100px){.case-wasl{min-height:clamp(720px,78svh,820px);margin-bottom:calc(min(14.76vw,147.6px) + 56px)}.case-wasl .case-hero-copy,.case-talabat .case-hero-copy{width:100%;max-width:760px}.case-wasl .case-hero-copy>span,.case-talabat .case-hero-copy>span{padding:10px 14px;font-size:13px}.case-wasl .case-hero-copy h1,.case-talabat .case-hero-copy h1{margin:42px 0 18px;font-size:clamp(56px,7.5vw,80px);line-height:.94}.case-wasl .case-hero-copy p,.case-talabat .case-hero-copy p{max-width:680px;font-size:clamp(22px,3.2vw,30px)}.case-wasl .case-hero-visual{top:32%;right:-8%;bottom:0;left:14%;opacity:1}.case-wasl .cover-ui-1{top:0;left:16%;width:min(72vw,720px)}.case-wasl .cover-ui-2{top:40%;left:-4%;width:min(82vw,820px)}.case-talabat{--talabat-front-inside-height:min(49.59vw,496px);--talabat-front-exposed-height:min(21.25vw,212px);min-height:clamp(760px,82svh,840px);margin-bottom:calc(var(--talabat-front-exposed-height) + 20px)}.case-talabat .case-hero-visual{top:28%;right:0;bottom:0;left:0;opacity:1}.case-talabat .cover-ui-1{top:0;left:52%;width:min(34vw,340px)}.case-talabat .cover-ui-2{top:calc(100% - var(--talabat-front-inside-height));left:26%;width:min(38vw,380px)}}@media(max-width:720px){.case-etihad,.case-wasl,.case-talabat{--case-mobile-art-gap:28px}.case-etihad .case-hero-visual,.case-wasl .case-hero-visual,.case-talabat .case-hero-visual{transform:translateY(var(--case-mobile-art-gap))}.case-etihad{margin-bottom:calc(var(--etihad-front-half-height) + 36px + var(--case-mobile-art-gap))}.case-etihad .case-hero-visual{top:43%;right:-24%;bottom:0;left:12%}.case-wasl{--wasl-front-half-height:min(30.375vw,180px);min-height:720px;margin-bottom:calc(var(--wasl-front-half-height) + 32px + var(--case-mobile-art-gap))}.case-wasl .case-hero-copy,.case-talabat .case-hero-copy{width:100%}.case-wasl .case-hero-copy h1,.case-talabat .case-hero-copy h1{margin:48px 0 18px;font-size:clamp(48px,14vw,58px);line-height:.94}.case-wasl .case-hero-copy p,.case-talabat .case-hero-copy p{max-width:92%;font-size:clamp(21px,6.2vw,26px);line-height:1.12}.case-wasl .case-hero-visual{top:52%;right:-28%;bottom:0;left:10%;opacity:1}.case-wasl .cover-ui-1{top:0;left:12%;width:min(96vw,570px)}.case-wasl .cover-ui-2{top:calc(100% - var(--wasl-front-half-height));left:0;width:min(108vw,640px)}.case-talabat{--talabat-front-inside-height:min(68.48vw,322px);--talabat-front-exposed-height:min(32.22vw,151px);min-height:740px;margin-bottom:calc(var(--talabat-front-exposed-height) + 20px + var(--case-mobile-art-gap))}.case-talabat .case-hero-visual{top:49%;right:0;bottom:0;left:0;opacity:1}.case-talabat .cover-ui-1{top:0;left:45%;width:min(48vw,226px)}.case-talabat .cover-ui-2{top:calc(100% - var(--talabat-front-inside-height));left:14%;width:min(54vw,254px)}}@media(prefers-reduced-motion:reduce){.case-wasl .cover-ui-1,.case-wasl .cover-ui-2,.case-talabat .cover-ui-1,.case-talabat .cover-ui-2{transform:none;will-change:auto}}.hero{min-height:clamp(680px,84svh,860px);padding-block:clamp(56px,5.5vw,76px) clamp(42px,4vw,56px);justify-content:flex-start}.hero h1{margin:clamp(56px,5.5vw,72px) 0 clamp(64px,6vw,80px)}.hero-foot{margin-top:0}.contact{min-height:clamp(650px,78svh,820px);padding:clamp(92px,8vw,116px) 0 38px;justify-content:flex-start}.contact .section-kicker{margin-bottom:clamp(40px,4vw,54px)}.contact-row{margin:clamp(52px,5vw,68px) 0 clamp(72px,7vw,96px)}.footer-line{margin-top:auto}@media(min-width:721px)and (max-width:1100px){.hero{min-height:clamp(650px,80svh,780px);padding-block:52px 46px}.hero h1{margin:52px 0 64px}.contact{min-height:clamp(620px,76svh,760px);padding-top:84px}.contact-row{margin:48px 0 72px}}@media(max-width:720px){.hero{min-height:auto;padding:46px 0 54px}.hero h1{margin:44px 0 52px}.contact{min-height:auto;padding:76px 0 32px}.contact .section-kicker{margin-bottom:38px}.contact-row{margin:44px 0 88px}.footer-line{margin-top:0}}.project-content{position:relative;z-index:2}.project-logo{pointer-events:none}.project-logo img{display:block;width:100%;height:100%;object-fit:contain}@media(min-width:721px){.work>.project .project-content,.next-project-card.work>.project .project-content{max-width:72%}.project-logo{position:absolute;z-index:2;right:clamp(-28%,-17vw,-12%);top:50%;display:grid;place-items:center;width:clamp(150px,17vw,270px);height:clamp(78px,9vw,126px);opacity:0;filter:blur(7px);transform:translate3d(22px,-50%,0) scale(.94);transition:opacity .48s cubic-bezier(.22,.75,.2,1),transform .62s cubic-bezier(.22,.75,.2,1),filter .52s ease}.project-logo:before{content:"";position:absolute;z-index:-1;width:190%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--case-rgb),.42) 0,rgba(var(--case-rgb),.18) 34%,transparent 70%);filter:blur(18px);opacity:0;transform:scale(.72);transition:opacity .52s ease,transform .68s cubic-bezier(.22,.75,.2,1)}.project:hover .project-logo,.project:focus-visible .project-logo{opacity:1;filter:blur(0);transform:translate3d(0,-50%,0) scale(1)}.project:hover .project-logo:before,.project:focus-visible .project-logo:before{opacity:1;transform:scale(1)}.project.blue .project-logo{width:clamp(190px,20vw,300px)}.project.violet .project-logo{width:clamp(130px,13vw,195px)}.project.orange .project-logo{width:clamp(150px,16vw,235px)}.site:not(.light) .project.violet .project-logo img{filter:invert(1)}}@media(max-width:720px){.project-logo{position:relative;display:grid;align-items:end;width:min(46vw,180px);max-height:0;margin-top:0;opacity:0;overflow:hidden;filter:blur(5px);transform:translateY(12px) scale(.96);transform-origin:left bottom;transition:max-height .5s cubic-bezier(.22,.75,.2,1),margin-top .5s cubic-bezier(.22,.75,.2,1),opacity .32s ease .12s,transform .48s cubic-bezier(.22,.75,.2,1),filter .4s ease}.project-logo img{height:auto;max-height:58px;object-position:left bottom}.project.blue .project-logo{width:min(58vw,220px)}.project.violet .project-logo{width:min(36vw,140px)}.project.orange .project-logo{width:min(44vw,170px)}.site:not(.light) .project.violet .project-logo img{filter:invert(1)}.work>.project:after,.next-project-card.work>.project:after{transition:background .52s cubic-bezier(.22,.75,.2,1)}.project.mobile-pressed,.project:active{--px:50%;--py:55%;--glow-a:.56;--glow-b:.25}.site.light .project.mobile-pressed,.site.light .project:active{--glow-a:.4;--glow-b:.15}.project.mobile-pressed .project-logo,.project:active .project-logo,.project:focus-visible .project-logo{max-height:64px;margin-top:22px;opacity:1;filter:blur(0);transform:none}}@media(prefers-reduced-motion:reduce){.project-logo,.project-logo:before,.work>.project:after,.next-project-card.work>.project:after{transition:none}}