@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/cairo-arabic-wght-normal.CJWMIGCx.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/cairo-latin-ext-wght-normal.at8nfxId.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/cairo-latin-wght-normal.PfPtmrPZ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #101827;--bg-deep: #0c1320;--surface: #141e31;--line: #222d44;--line-strong: #34405a;--fg: #eef2f8;--fg-2: #c6cfdd;--muted: #9eabc1;--cyan: #19b9ee;--cyan-text: #63d2f6;--spark-1: #0eebfc;--spark-2: #3595e2;--spark-3: #5f40d8;--grad: linear-gradient(90deg, var(--spark-1), var(--spark-2) 55%, var(--spark-3));--font: "Space Grotesk Variable", "Cairo Variable", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--max: 1240px;--gutter: clamp(16px, 4vw, 48px);--header-h: 72px;--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:1.0625rem;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}html[lang=ar] body{line-height:1.85}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4{margin:0}::selection{background:var(--cyan);color:var(--bg)}:focus-visible{outline:2px solid var(--spark-1);outline-offset:3px;border-radius:4px}main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;inset-inline-start:16px;top:-100px;z-index:100;background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none}.skip:focus{top:12px}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.display{font-weight:700;font-size:clamp(2.75rem,7.2vw,6.25rem);line-height:.98;letter-spacing:-.035em;text-wrap:balance}.display-sm{font-size:clamp(2.25rem,5.2vw,4.25rem);line-height:1.02}.display .line{display:block}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.h2{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:700;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}.h3{font-size:clamp(1.45rem,2.6vw,2.05rem);font-weight:600;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}.h4{font-size:1.25rem;font-weight:600;line-height:1.3}.eyebrow{font-size:.8rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-text)}.lede{font-size:clamp(1.06rem,1.4vw,1.22rem);color:var(--fg-2);max-width:52ch}.tagline{font-size:.8rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}html[lang=ar] :is(.display,.h2,.h3){letter-spacing:0;line-height:1.35}html[lang=ar] .display{font-size:clamp(2.4rem,6.2vw,5.25rem)}html[lang=ar] .display-sm{font-size:clamp(2rem,4.6vw,3.75rem)}html[lang=ar] .eyebrow{letter-spacing:0;text-transform:none;font-size:.95rem}[lang=en] .tagline,.tagline[lang=en]{letter-spacing:.22em}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:50px;padding:0 24px;border-radius:999px;border:1px solid transparent;font:inherit;font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{background:var(--cyan)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--fg)}.btn-link{display:inline-flex;align-items:center;gap:.45em;font-weight:500;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:.35em;transition:text-decoration-color .25s var(--ease)}.btn-link:hover{text-decoration-color:var(--fg)}.arrow{display:inline-block;transition:transform .3s var(--ease)}[dir=rtl] .arrow{transform:scaleX(-1)}.btn-link:hover .arrow:not(.back-arrow){transform:translate(4px)}[dir=rtl] .btn-link:hover .arrow:not(.back-arrow){transform:scaleX(-1) translate(4px)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid var(--cyan);color:var(--cyan-text);font-size:.78rem;font-weight:500;line-height:1.5}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:background-color .3s var(--ease),border-color .3s var(--ease)}.site-header.is-scrolled,.site-header.is-open{background:#101827db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.bar{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;color:var(--fg);flex-shrink:0}.brand .logo{height:26px;width:auto}.nav ul{display:flex;gap:clamp(18px,2.6vw,34px)}.nav a{text-decoration:none;color:var(--fg-2);font-weight:500;font-size:.98rem;transition:color .2s}.nav a:hover{color:var(--fg)}.bar-end{display:flex;align-items:center;gap:10px}.lang{text-decoration:none;font-size:.92rem;font-weight:500;padding:6px 14px;border:1px solid var(--line-strong);border-radius:999px;transition:border-color .2s}.lang:hover{border-color:var(--fg)}.menu-btn{display:none;align-items:center;gap:10px;background:none;border:1px solid var(--line-strong);color:var(--fg);font:inherit;font-size:.92rem;font-weight:500;padding:6px 14px;border-radius:999px;cursor:pointer}.menu-icon{position:relative;width:14px;height:8px}.menu-icon:before,.menu-icon:after{content:"";position:absolute;inset-inline:0;height:1.5px;background:currentColor;transition:transform .25s var(--ease),top .25s var(--ease)}.menu-icon:before{top:0}.menu-icon:after{top:6.5px}.is-open .menu-icon:before{top:3.25px;transform:rotate(45deg)}.is-open .menu-icon:after{top:3.25px;transform:rotate(-45deg)}@media(max-width:860px){.menu-btn{display:inline-flex}.nav{display:none;position:absolute;top:100%;inset-inline:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--gutter) 24px}.is-open .nav{display:block}.nav ul{flex-direction:column;gap:0}.nav a{display:block;padding:14px 0;font-size:1.35rem;color:var(--fg);border-bottom:1px solid var(--line)}}@media(max-width:380px){.brand .logo{height:22px}.menu-text{display:none}}.hero{position:relative;padding-block:clamp(40px,8vw,110px) clamp(72px,10vw,140px);isolation:isolate}.hero:before{content:"";position:absolute;inset:calc(var(--header-h) * -1) 0 0;z-index:-1;background-image:linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 72% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 72% 40%,#000 20%,transparent 75%)}[dir=rtl] .hero:before{-webkit-mask-image:radial-gradient(ellipse 60% 70% at 28% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 28% 40%,#000 20%,transparent 75%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,5vw,80px)}.hero-copy{display:grid;gap:22px;min-width:0}.hero-copy .tagline{margin-top:-4px}.hero-copy .cta{margin-top:10px}.hero-art{position:relative;padding:clamp(36px,4.5vw,56px) clamp(8px,2vw,24px);max-width:560px;width:100%;justify-self:center}.hero-spark{width:100%;height:auto;overflow:visible}.piece-labels .pl{position:absolute;display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:default;transition:color .25s}html[lang=ar] .piece-labels .pl{letter-spacing:0;font-size:.92rem}.piece-labels .pl:hover{color:var(--fg)}.pl .dot{width:7px;height:7px;border-radius:2px;transform:rotate(45deg)}.pl-tl{top:0;left:0}.pl-tr{top:18%;right:0}.pl-bl{bottom:18%;left:0}.pl-br{bottom:0;right:0}.pl-tl .dot{background:var(--spark-1)}.pl-tr .dot{background:#21c1ee}.pl-bl .dot{background:#3f80df}.pl-br .dot{background:var(--spark-3)}@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-art{order:-1;max-width:380px}}.spark .piece{transform-box:fill-box;transform-origin:center;transform:translate(calc(var(--dx) * var(--spread, 0) * 1px),calc(var(--dy) * var(--spread, 0) * 1px)) rotate(0);transition:transform .7s var(--ease),opacity .35s var(--ease)}.spark[data-active=imagination] .piece:not([data-role=imagination]),.spark[data-active=technology] .piece:not([data-role=technology]),.spark[data-active=design] .piece:not([data-role=design]),.spark[data-active=execution] .piece:not([data-role=execution]){opacity:.14}@media(prefers-reduced-motion:no-preference){.js .hero-spark:not(.is-assembled) .piece{--spread: 330;opacity:0;transform:translate(calc(var(--dx) * var(--spread) * 1px),calc(var(--dy) * var(--spread) * 1px)) rotate(calc(var(--dx) * 16deg))}.js .hero-spark:not(.is-live) .piece{transition:transform 1.3s cubic-bezier(.16,1,.3,1),opacity .9s ease}.js .hero-spark:not(.is-live) .piece[data-role=imagination]{transition-delay:.05s}.js .hero-spark:not(.is-live) .piece[data-role=execution]{transition-delay:.14s}.js .hero-spark:not(.is-live) .piece[data-role=technology]{transition-delay:.24s}.js .hero-spark:not(.is-live) .piece[data-role=design]{transition-delay:.32s}.js .piece-labels .pl{animation:label-in .8s 1s var(--ease) both}}@keyframes label-in{0%{opacity:0;transform:translateY(6px)}}.section{padding-block:clamp(80px,11vw,150px);border-top:1px solid var(--line)}.section-head{display:grid;gap:18px;margin-bottom:clamp(40px,6vw,72px);max-width:760px}.intro{color:var(--fg-2);font-size:clamp(1.05rem,1.3vw,1.18rem);max-width:58ch}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .8s var(--ease)}.js .reveal.is-in{opacity:1;transform:none}}.services-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px)}.aside-sticky{position:sticky;top:calc(var(--header-h) + 8vh);display:grid;justify-items:center;gap:22px;padding-block:24px}.services-spark{width:min(100%,340px);height:auto}.aside-label{font-size:.85rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);min-height:1.6em}html[lang=ar] .aside-label{letter-spacing:0;font-size:1rem}.services-list{display:grid;min-width:0}.service{display:grid;gap:16px;padding-block:clamp(36px,6vh,64px);border-top:1px solid var(--line);min-height:min(46vh,460px);align-content:center}.service:first-child{border-top:0;padding-top:0}.service-mark{display:flex;align-items:center;gap:14px}.mini-spark{display:none;width:44px;height:auto}.service-body{color:var(--fg-2);max-width:54ch}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.chips li{padding:6px 14px;border:1px solid var(--line-strong);border-radius:999px;font-size:.9rem;color:var(--fg-2)}.services-extra{margin-top:24px;padding-top:28px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:900px){.services-grid{grid-template-columns:minmax(0,1fr)}.services-aside{display:none}.mini-spark{display:block}.service{min-height:0}}.process{background:var(--bg-deep)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);counter-reset:step}.step{display:grid;align-content:start;gap:12px;padding-top:22px;border-top:1px solid var(--line-strong);position:relative}.step:before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:44px;height:2px;background:var(--grad)}.step-num{font-size:.9rem;font-weight:500;color:var(--cyan-text);font-variant-numeric:tabular-nums}.step p{color:var(--fg-2)}@media(max-width:1000px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}}@media(max-width:560px){.steps{grid-template-columns:minmax(0,1fr)}}.work-empty{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(28px,5vw,64px);border:1px solid var(--line);border-radius:20px;background:var(--surface)}.work-empty-spark{width:clamp(88px,14vw,170px);height:auto}.work-empty-text{display:grid;gap:16px;max-width:60ch}.work-empty-text>p:not(.h3){color:var(--fg-2)}.work-empty .cta{margin-top:8px}@media(max-width:640px){.work-empty{grid-template-columns:minmax(0,1fr)}}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px) clamp(20px,3vw,40px)}.work-card a{display:grid;gap:12px;text-decoration:none}.work-media{aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background:var(--surface)}.work-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.work-card a:hover img{transform:scale(1.03)}.work-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.88rem;color:var(--muted);margin-top:6px}.work-card p{color:var(--fg-2)}@media(max-width:700px){.work-grid{grid-template-columns:minmax(0,1fr)}}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:end}.contact-grid>div:first-child{display:grid;gap:24px}.contact-card{display:grid;gap:24px;min-width:0}.email{font-size:clamp(1.5rem,3.6vw,2.6rem);font-weight:600;letter-spacing:-.02em;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 2px no-repeat;padding-bottom:6px;overflow-wrap:anywhere;transition:background-size .5s var(--ease);justify-self:start}.email:hover{background-size:100% 2px}.contact-card .eyebrow{margin-top:16px}.socials{display:grid;border-top:1px solid var(--line)}.socials a{display:flex;justify-content:space-between;gap:16px;padding-block:16px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500;transition:color .2s}.socials a:hover{color:var(--cyan-text)}.handle{color:var(--muted);font-weight:400;overflow-wrap:anywhere}@media(max-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr)}}.site-footer{border-top:1px solid var(--line);padding-block:48px 40px;background:var(--bg-deep)}.footer-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 40px;align-items:start}.footer-brand{display:grid;gap:14px;justify-items:start}.footer-logo{height:24px;width:auto;color:var(--fg)}.footer-brand .tagline{font-size:.72rem}.footer-links{display:flex;flex-wrap:wrap;gap:10px 28px}.footer-links a{color:var(--fg-2);text-decoration:none}.footer-links a:hover{color:var(--fg)}.legal{grid-column:1 / -1;color:var(--muted);font-size:.88rem;padding-top:24px;border-top:1px solid var(--line)}@media(max-width:700px){.footer-grid{grid-template-columns:minmax(0,1fr)}}.project-head{display:grid;gap:22px;padding-block:clamp(40px,7vw,96px) clamp(32px,4vw,56px)}.back{justify-self:start}.project-facts{display:flex;flex-wrap:wrap;gap:16px 40px;margin:8px 0 0}.project-facts dt{font-size:.82rem;color:var(--muted)}.project-facts dd{margin:0;font-weight:500}.project-cover img,.project-gallery img{width:100%;border-radius:18px}.project-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:32px 48px;padding-block:clamp(48px,7vw,96px)}.project-sections section{display:grid;gap:10px}.project-sections p{color:var(--fg-2)}.project-gallery{display:grid;gap:clamp(20px,3vw,40px)}.project-gallery figcaption{margin-top:10px;color:var(--muted);font-size:.92rem}.project-foot{display:flex;flex-wrap:wrap;gap:14px;padding-block:clamp(48px,7vw,96px)}.project-links{display:flex;flex-wrap:wrap;gap:14px}.not-found{display:grid;gap:40px;padding-block:clamp(56px,10vw,140px)}.not-found>div{display:grid;gap:18px;justify-items:start}.nf-spark{width:96px;height:auto}