:root{--black: #0a0a0a;--white: #f5f2ec;--orange: #ff5b1f;--cobalt: #2448ff;--yellow: #ffd43b;--muted: #8f8b85;--sans: "Inter Tight", system-ui, sans-serif;--serif: "Instrument Serif", Georgia, serif;--gutter: clamp(16px, 5vw, 80px)}:root[dir=rtl]{--sans: "IBM Plex Sans Arabic", system-ui, sans-serif;--serif: "IBM Plex Sans Arabic", system-ui, sans-serif}*{box-sizing:border-box}html.lenis,html.lenis body{height:auto}html{background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--orange);color:var(--black)}.mask{display:inline-block;overflow:hidden;vertical-align:top;padding:.22em .12em .28em;margin:-.22em .1em -.28em -.12em}.mask-in{display:inline-block}.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}:root[dir=rtl] .serif{font-style:normal;font-weight:700}.lede{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55;max-width:44ch;margin:0;opacity:.85}.kicker{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px;opacity:.7}:root[dir=rtl] .kicker{letter-spacing:0}h2{font-weight:700;letter-spacing:-.04em;line-height:.95;margin:0 0 28px}:root[dir=rtl] h2,:root[dir=rtl] h1{letter-spacing:0;line-height:1.25}.progress{position:fixed;inset:0 0 auto 0;z-index:60;height:3px;background:var(--orange);transform-origin:left;transform:scaleX(0)}:root[dir=rtl] .progress{transform-origin:right}.topbar{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:22px var(--gutter);mix-blend-mode:difference;color:#fff}.logo{font-weight:800;letter-spacing:.04em}.lang{font:inherit;font-weight:500;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:2px 0;cursor:pointer}.hero{position:relative;height:100svh;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gutter) clamp(48px,10vh,110px);overflow:hidden}.spot{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mx, 70%) var(--my, 30%),rgba(255,91,31,.16),transparent 60%);pointer-events:none}.hero-meta{position:absolute;top:clamp(96px,16vh,150px);inset-inline:var(--gutter);margin:0;display:flex;justify-content:space-between;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-top:1px solid #262626;padding-top:14px}:root[dir=rtl] .hero-meta{letter-spacing:0;font-size:.95rem}.hero-name{font-size:clamp(4.2rem,17vw,17rem);font-weight:800;line-height:.86;letter-spacing:-.055em;margin:0 0 32px;transform-origin:left bottom}:root[dir=rtl] .hero-name{transform-origin:right bottom}.hero-name .mask{display:block}.hero-name .serif{color:var(--orange)}.hero-line{font-size:clamp(1.2rem,2.2vw,1.8rem);margin:0;max-width:28ch}.cue{position:absolute;inset-inline-end:var(--gutter);bottom:clamp(48px,10vh,110px);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.cue i{width:1px;height:56px;background:var(--white);transform-origin:top;animation:cue 1.8s cubic-bezier(.7,0,.3,1) infinite}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.pinned,.follow{position:relative;min-height:100svh;overflow:hidden}.pinned{height:100svh}.flood{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:circle(0% at 50% 60%)}.execution .flood{background:var(--orange)}.ai .flood{background:var(--cobalt)}.follow .flood{background:var(--yellow)}.inner{position:relative;height:100%;padding:clamp(90px,14vh,140px) var(--gutter) clamp(40px,8vh,80px);display:flex;flex-direction:column}.execution .inner,.follow .inner{color:var(--black)}.index{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,2.4vw,2rem);margin:0 0 12px}.big{font-size:clamp(3.2rem,10vw,10rem);max-width:12ch}.ai .big{font-size:clamp(2.8rem,8vw,8.2rem);max-width:14ch}.stats{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,48px);border-top:2px solid var(--black);padding-top:24px}.stat{display:flex;flex-direction:column;gap:8px}.stat-num{font-size:clamp(2.6rem,7vw,7rem);font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}.stat-label{font-size:clamp(.85rem,1.2vw,1.05rem);max-width:22ch}.caption{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2vw,1.7rem);margin:24px 0 0}.team{margin-top:auto;display:flex;align-items:center;gap:clamp(24px,5vw,80px);flex-wrap:wrap}.people{position:relative;display:grid;grid-template-columns:repeat(5,clamp(28px,4vw,52px));gap:clamp(10px,1.4vw,18px)}.person{aspect-ratio:1;border-radius:50%;background:var(--white)}.bot{position:absolute;inset-inline-start:calc(2*(clamp(28px,4vw,52px) + clamp(10px,1.4vw,18px)));top:0;width:clamp(28px,4vw,52px);aspect-ratio:1;border-radius:30%;background:var(--yellow);color:var(--black);display:grid;place-items:center;font-weight:800;font-size:clamp(.7rem,1vw,1rem);box-shadow:0 0 40px #ffd43bb3;font-family:Inter Tight,sans-serif}.team-text{position:relative;min-height:3.2em;flex:1 1 260px;font-size:clamp(1.2rem,2.2vw,1.9rem)}.team-text p{margin:0;position:absolute;top:0;right:0;bottom:0;left:0}.punch{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3.4vw,3rem);margin:28px 0 0}:root[dir=rtl] .punch,:root[dir=rtl] .caption,:root[dir=rtl] .index{font-style:normal;font-weight:700}.studio{min-height:100svh;background:var(--white);color:var(--black);display:flex;flex-direction:column;justify-content:center;gap:clamp(28px,5vh,56px);overflow:hidden;padding:clamp(80px,12vh,120px) 0 clamp(40px,6vh,60px)}.studio-head{padding:0 var(--gutter)}.studio h2{font-size:clamp(2.2rem,5.4vw,5rem);max-width:18ch;margin-bottom:18px}.studio .kicker{opacity:1;color:var(--orange);font-weight:700}.track{display:flex;gap:20px;padding:0 var(--gutter);width:max-content}.service{width:clamp(260px,32vw,440px);min-height:clamp(220px,32vh,320px);background:var(--black);color:var(--white);border-radius:24px;padding:clamp(22px,2.4vw,36px);display:flex;flex-direction:column}.service:nth-child(3){background:var(--cobalt)}.service:nth-child(4){background:var(--orange);color:var(--black)}.service.product{width:clamp(300px,42vw,600px);background:var(--yellow);color:var(--black);text-decoration:none;transition:transform .5s cubic-bezier(.2,1,.3,1)}.service.product h3{margin-top:auto;font-size:clamp(2.4rem,4.4vw,4rem);letter-spacing:-.04em}.service.product .service-n{font-family:var(--sans);font-style:normal;font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;opacity:1}.product-stat{margin-top:14px!important;font-family:var(--serif);font-style:italic;font-size:1.15rem;opacity:1!important}.product-link{margin-top:18px;font-weight:700;border-bottom:2px solid currentColor;align-self:flex-start}.brands{padding:clamp(100px,16vh,180px) var(--gutter) 0}.brands h2{font-size:clamp(2.8rem,8vw,7.5rem)}.brands h2 .serif{color:var(--orange)}.brands .lede a{color:var(--white);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap}.brand-list{list-style:none;margin:clamp(48px,8vh,90px) 0 0;padding:0;border-top:1px solid #262626}.brand-list li{border-bottom:1px solid #262626}.brand-list a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:24px;padding:clamp(22px,4vh,40px) 0;color:var(--white);text-decoration:none;isolation:isolate}.brand-list a:before{content:"";position:absolute;inset:0 calc(var(--gutter) * -1);z-index:-1;background:var(--c);transform:scaleY(0);transform-origin:bottom;transition:transform .6s cubic-bezier(.2,1,.3,1)}.brand-list a:hover:before{transform:scaleY(1)}.brand-list a:hover{color:var(--black)}.brand-list li:nth-child(2) a:hover{color:var(--white)}.brand-name{font-size:clamp(2.4rem,6vw,5.6rem);font-weight:800;letter-spacing:-.04em;line-height:1}.brand-note{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.45;opacity:.8;max-width:32ch}.brand-arrow{font-size:1.8rem;transition:transform .5s cubic-bezier(.2,1,.3,1)}.brand-list a:hover .brand-arrow{transform:translate(4px,-4px) rotate(0)}.service-n{font-family:var(--serif);font-style:italic;font-size:1.4rem;opacity:.7}.service h3{margin:auto 0 10px;font-size:clamp(1.5rem,2.4vw,2.2rem);letter-spacing:-.03em}.service p{margin:0;opacity:.8;line-height:1.5}.path{padding:clamp(100px,16vh,180px) var(--gutter)}.path h2{font-size:clamp(2.8rem,8vw,7.5rem);margin-bottom:clamp(56px,10vh,110px)}.path h2 .serif{color:var(--orange)}.steps{position:relative;padding-inline-start:clamp(28px,4vw,56px);display:grid;gap:clamp(36px,6vh,64px)}.line{position:absolute;inset-inline-start:0;top:8px;bottom:8px;width:2px;background:#222}.line-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--orange);transform-origin:top}.step{display:grid;grid-template-columns:clamp(80px,12vw,180px) 1fr;gap:24px;align-items:baseline}.year{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3vw,2.6rem);color:var(--orange)}:root[dir=rtl] .year{font-style:normal}.step h3{margin:0 0 6px;font-size:clamp(1.5rem,3.2vw,2.8rem);letter-spacing:-.03em}.step p{margin:0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.2rem)}.follow .inner{min-height:100svh;justify-content:center}.follow .big{max-width:none}.form{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px;max-width:620px}.form input{flex:1 1 260px;font:inherit;font-size:1.1rem;color:var(--black);background:transparent;border:0;border-bottom:2px solid var(--black);padding:16px 4px;outline:none}.form input::placeholder{color:#0a0a0a80}.form button{font:inherit;font-weight:700;font-size:1.1rem;color:var(--yellow);background:var(--black);border:0;border-radius:999px;padding:16px 34px;cursor:pointer;transition:transform .4s cubic-bezier(.2,1,.3,1)}.form button:hover{transform:scale(1.05)}.thanks{margin-top:40px;font-size:1.5rem;font-weight:700}.links{margin-top:32px}.links a{color:var(--black);font-weight:600;text-decoration:none;border-bottom:2px solid var(--black)}.footer{margin-top:auto;padding-top:60px;font-size:.85rem;opacity:.7}.swipe .track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.swipe .track::-webkit-scrollbar{display:none}.swipe .service{flex:0 0 auto;scroll-snap-align:start}.swipe .studio{min-height:0}.flow .pinned{height:auto;min-height:0}.flow .pinned .inner{padding-block:120px 110px}.flow .stats,.flow .team{margin-top:40px}@media (max-width: 700px){.pinned .inner{justify-content:center;padding-top:80px}.stats,.team{margin-top:40px}.ai .big{font-size:3.1rem}:root[dir=rtl] .ai .big,:root[dir=rtl] .execution .big{font-size:2.6rem}.hero-meta{font-size:.7rem}.cue{display:none}.studio{justify-content:flex-start;padding-top:96px;gap:24px}.studio h2{font-size:2.1rem}.studio .lede{font-size:1rem}.service{width:270px;min-height:0;padding:22px;border-radius:20px}.service.product{width:300px}.service h3{margin-top:40px;font-size:1.45rem}.service.product h3{margin-top:8px;font-size:2.4rem}.brand-list a{grid-template-columns:1fr auto;gap:8px 16px}.brand-note{grid-column:1;grid-row:2}.brand-arrow{grid-row:1 / 3;grid-column:2}.stats{grid-template-columns:1fr;gap:14px}.stat{flex-direction:row;align-items:baseline;gap:14px}.stat-num{font-size:2.6rem;flex:0 0 7.2rem}.step{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion: reduce){.cue i{animation:none}}.form button:disabled{opacity:.6;cursor:wait}.form-error{flex-basis:100%;margin:0;color:#ff8a8a;font-size:.95rem}.calm .flood{clip-path:none}.calm .ai .person.extra,.calm .ai .before{visibility:hidden}.calm .path .line-fill{transform:none}
