@font-face{font-family:Bricolage Grotesque;src:url(../assets/fonts/bric.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:DM Mono;src:url(../assets/fonts/dmmono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ink:#0B0B14;--ink2:#14141F;--cream:#EFEBE0;--indigo:#4F51E6;--hi:#8183FF;--mute:rgba(239,235,224,.52);--rule:rgba(239,235,224,.16);--acc:var(--indigo);--d:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;--m:"DM Mono",ui-monospace,monospace;--gut:3vw;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--ink)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--ink);color:var(--cream);font-family:var(--d);font-size:16px;line-height:1.35;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mono{font-family:var(--m);font-size:11px;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}em,.it{font:inherit;letter-spacing:inherit}.ln{display:block;overflow:hidden;padding:.08em 0 .14em;margin:-.08em 0 -.14em}.ln>span{display:block}.js .ln>span{translate:0 112%}.nav{position:fixed;inset:0 0 auto;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:22px var(--gut);color:var(--cream);pointer-events:none;transition:color .5s}.nav.inv{color:var(--ink)}.nav a,.nav button{pointer-events:auto}.nav .brand{font-weight:700;letter-spacing:-.02em;font-size:17px;display:inline-block}.nav nav{display:flex;gap:clamp(14px,2.4vw,38px);align-items:center}.nav nav a{font-family:var(--m);font-size:11px;letter-spacing:.09em;text-transform:uppercase;position:relative;display:inline-block;padding:6px 0}.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}.nav nav a:hover:after{transform:scaleX(1);transform-origin:left}.clock{opacity:.7}#loader{position:fixed;inset:0;z-index:200;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;justify-content:space-between;padding:22px var(--gut) 26px;overflow:hidden}#loader .top{display:flex;justify-content:space-between}#loader .count{font:800 clamp(90px,19vw,300px)/.8 var(--d);letter-spacing:-.06em;font-variant-numeric:tabular-nums;overflow:hidden;padding-bottom:.06em}#loader .bar{height:1px;background:var(--rule);margin-bottom:18px;position:relative}#loader .bar i{position:absolute;inset:0;background:var(--cream);transform:scaleX(0);transform-origin:left}.noscript-fix #loader{display:none}:root{--u:clamp(.78px,min(100vw/1440,100svh/900),1.25px)}@media(max-width:700px){:root{--u:max(.9px,100vw/390)}}#hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--ink)}.mesh{position:absolute;inset:0;overflow:hidden;background:var(--ink);pointer-events:none}.mesh i{position:absolute;border-radius:50%;will-change:transform;opacity:.62}.mesh .o1{width:62vmax;height:62vmax;left:-14vmax;top:-18vmax;background:radial-gradient(closest-side,#cdbdf3,#cdbdf300);animation:dr1 22s ease-in-out infinite alternate}.mesh .o2{width:52vmax;height:52vmax;right:-16vmax;top:12vh;background:radial-gradient(closest-side,#f6c7a6,#f6c7a600);animation:dr2 26s ease-in-out infinite alternate}.mesh .o3{width:40vmax;height:40vmax;left:30vw;bottom:-22vmax;background:radial-gradient(closest-side,#bfe4d0,#bfe4d000);animation:dr1 30s ease-in-out infinite alternate-reverse}@keyframes dr1{to{translate:6vmax 4vmax}}@keyframes dr2{to{translate:-5vmax 6vmax}}.hero__in{position:absolute;inset:64px 0 0;overflow:hidden}.hero__grid{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease);background-image:linear-gradient(rgba(239,235,224,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(239,235,224,.07) 1px,transparent 1px);background-size:60px 60px;background-position:center -1px}.go .hero__grid{opacity:1}.gcell{position:absolute;width:60px;height:60px;background:#efebe01f;opacity:0;pointer-events:none;transition:opacity .9s ease}.gcell.on{opacity:1;transition:none}.hero__stage,.hero__cur{position:absolute;inset:0;pointer-events:none}.hel,.happ,.fcur{position:absolute;left:calc(50% + var(--x)*var(--u));top:calc(50% + var(--y)*var(--u));opacity:0;will-change:transform}.hel{transition:opacity .8s var(--ease)}.hel.vis,.fcur.vis{opacity:1}.happ,.hsw,.hcm,.hwin{background:#14141fb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 1px #efebe024,0 10px 30px -12px #0009}.happ{width:calc(60*var(--u));height:calc(60*var(--u));display:flex;align-items:center;justify-content:center;border-radius:calc(12*var(--u));transition:opacity .6s var(--ease)}.happ svg{width:calc(28*var(--u));height:calc(28*var(--u));transform:scale(.5);transition:transform .6s var(--ease)}.happ.vis{opacity:1}.happ.vis svg{transform:none}.hsw{display:flex;align-items:center;gap:calc(20*var(--u));height:calc(50*var(--u));padding:0 calc(15*var(--u));border-radius:calc(20*var(--u));white-space:nowrap;pointer-events:auto;font:500 max(11px,calc(13*var(--u)))/1 var(--d);color:var(--cream);cursor:pointer}.hsw i{display:flex;align-items:center;width:calc(40*var(--u));height:calc(24*var(--u));border-radius:20px;background:#efebe040;padding:1px;transition:background-color .3s ease}.hsw b{width:calc(22*var(--u));height:calc(22*var(--u));border-radius:50%;background:#fff;transition:transform .35s cubic-bezier(.4,0,.2,1)}.hsw[aria-checked=true] i{background:var(--indigo)}.hsw[aria-checked=true] b{transform:translate(calc(16*var(--u)))}.hcm{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;width:calc(281*var(--u));min-width:230px;border-radius:20px 20px 20px 2px;color:var(--cream)}.hcm>img{width:30px;height:30px;flex:none;border-radius:50%;object-fit:cover}.hcm div{display:flex;flex-direction:column;gap:3px}.cm__h{font-size:12px;line-height:1.4}.cm__h strong{font-weight:600}.cm__h span{opacity:.55;font-weight:500;margin-left:6px}.cm__t{font-size:13px;font-weight:500;line-height:1.35}.hcm.ar .cm__t,.hcm.ar .cm__h{direction:rtl;text-align:right}.hwin{width:calc(214*var(--u));padding:calc(6*var(--u));border-radius:calc(8*var(--u));aspect-ratio:214/160;transform:rotate(-5.9deg)}.win__bar{display:flex;gap:4px;height:calc(12*var(--u));align-items:center;padding-left:2px}.win__bar i{width:calc(5*var(--u));height:calc(5*var(--u));border-radius:50%;background:#efebe04d}.code{margin:0;font:700 calc(8.2*var(--u))/1.35 var(--m);color:#efebe08c;white-space:pre-wrap;min-height:calc(88*var(--u));padding:calc(4*var(--u)) calc(6*var(--u));direction:ltr;text-align:left}.code .caret{display:inline-block;width:1px;height:1.1em;background:currentColor;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.fcur{z-index:7;display:flex;align-items:flex-start;flex-direction:column;transition:opacity .5s ease}.fcur svg{width:16px;height:16px;margin-left:-2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.fcur span{margin:-1px 0 0 10px;padding:2px 6px 3px;border-radius:3px;background:var(--c);color:var(--fg,#fff);font:600 12px/1.2 var(--d);white-space:nowrap}.hero__title{position:absolute;left:50%;top:calc(50% - 12*var(--u));transform:translate(-50%,-50%);z-index:5;user-select:none;-webkit-user-select:none}.tline{display:flex;align-items:flex-start;gap:calc(18*var(--u))}.hero__title h1{font-weight:800;text-transform:uppercase;letter-spacing:-.035em;line-height:.86;font-size:calc(150*var(--u));white-space:nowrap;padding:.02em .04em .06em;margin:0;color:var(--cream)}.ttag{margin-top:.5em;padding:6px 10px;border-radius:3px;background:var(--indigo);color:#fff;font:600 max(12px,calc(14*var(--u)))/1 var(--d);white-space:nowrap}.sel{position:absolute;inset:-.1em -.1em -0em;border:1px dashed rgba(239,235,224,.35);opacity:0;transition:opacity 1s ease-in-out;pointer-events:none;font-size:calc(150*var(--u))}.sel .h{position:absolute;width:10px;height:10px;background:var(--ink);border:1px solid rgba(239,235,224,.6)}.h.tl{top:-5px;left:-5px}.h.tr{top:-5px;right:-5px}.h.tc{top:-5px;left:50%;margin-left:-5px}.h.bl{bottom:-5px;left:-5px}.h.br{bottom:-5px;right:-5px}.h.bc{bottom:-5px;left:50%;margin-left:-5px}.sel-on .sel{opacity:1}.sel-on .hero__title{cursor:move}.hero-meta{position:absolute;inset:0;pointer-events:none;z-index:6}.hero-meta>*{position:absolute}.hm-a{left:var(--gut);top:84px;max-width:230px}.hm-b{right:var(--gut);top:84px;text-align:right;max-width:240px}.hm-seven{left:var(--gut);bottom:4.6vh;max-width:24em;font-size:clamp(15px,1.25vw,20px);line-height:1.35;letter-spacing:-.01em;color:#efebe0e0}.hm-c{right:var(--gut);bottom:4.6vh;color:var(--mute)}.hm-b .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4be08a;margin-right:8px;box-shadow:0 0 #4be08a99;animation:ping 2s infinite}@keyframes ping{70%{box-shadow:0 0 0 9px #4be08a00}to{box-shadow:0 0 #4be08a00}}@media(max-width:700px){.nm{display:none!important}.hel{left:calc(50% + var(--mx,var(--x))*var(--u));top:calc(50% + var(--my,var(--y))*var(--u))}.happ{left:calc(50% + var(--mx,var(--x))*var(--u));top:calc(50% + var(--my,var(--y))*var(--u));width:calc(44*var(--u));height:calc(44*var(--u))}.hcm{width:calc(250*var(--u));min-width:0}.fcur{left:calc(50% + var(--x)*var(--u)*.62);top:calc(50% + var(--y)*var(--u)*.7)}.fcur[data-c=b],.fcur[data-c=d],.fcur[data-c=e],.fcur[data-c=g]{display:none}.hero__title h1{font-size:calc(96*var(--u));white-space:normal}.hero__title h1 span{display:block}.sel{font-size:calc(96*var(--u))}.tline{flex-direction:column;align-items:flex-start;gap:calc(8*var(--u))}.ttag{margin-top:0}.hm-a{display:none}.hm-b{top:14vh;max-width:150px}.hm-seven{right:var(--gut);bottom:3vh}.hm-c{display:none}}@media(max-width:700px){.hero__in{top:56px}}#work{position:relative;background:var(--ink);z-index:2;padding:18vh var(--gut) 14vh}.w-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;max-width:1180px;margin:0 auto 9vh}.w-head h2{font-weight:700;font-size:clamp(34px,4.2vw,72px);letter-spacing:-.035em;line-height:.95}.w-head h2 sup{font:400 12px var(--m);letter-spacing:.06em;color:var(--hi);vertical-align:top;margin-left:.5em}.w-head .mono{color:var(--mute)}.wl{list-style:none;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:12vh}.wa{display:block}.wph{display:block;overflow:hidden;aspect-ratio:16/10;background:var(--ink2);position:relative}.wph img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.wa:hover .wph img,.wa:focus-visible .wph img{transform:scale(1.02)}.wa:focus-visible{outline:2px solid var(--hi);outline-offset:6px}.wm{display:flex;justify-content:space-between;align-items:baseline;gap:6px 24px;margin-top:20px;flex-wrap:wrap}.wm h3{font-weight:700;font-size:clamp(26px,3vw,48px);line-height:1;letter-spacing:-.04em}.wt{font-family:var(--m);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--mute);line-height:1.5}.js .wi{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s var(--ease)}.js .wi.in{opacity:1;transform:none}.sec{position:relative;z-index:3}.seam{position:absolute;left:0;width:100%;height:9vw;bottom:100%;display:block;pointer-events:none;margin-bottom:-1px}#about{background:var(--cream);color:var(--ink);padding:18vh var(--gut) 14vh}.a-lab{margin-bottom:5vh;opacity:.55}.scrub{font-weight:600;font-size:clamp(30px,5.1vw,92px);line-height:1.04;letter-spacing:-.035em;max-width:18.5em}.scrub .w{display:inline;opacity:.14;transition:none}.scrub .hl{color:var(--indigo)}.a-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;margin-top:16vh;align-items:start}.a-pic{grid-column:1/span 4;position:relative}.a-pic .mask{aspect-ratio:4/5;overflow:hidden;background:#d9d4c6;clip-path:inset(0 0 0 0)}.a-pic img{width:100%;height:112%;object-fit:cover;object-position:50% 20%}.a-pic figcaption{margin-top:12px;opacity:.55}.a-text{grid-column:6/span 6}.a-text p{font-size:clamp(17px,1.35vw,22px);line-height:1.5;color:#33313c;margin-bottom:1.1em;max-width:34em}.facts{margin-top:5vh;border-top:1px solid rgba(11,11,20,.18)}.facts div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid rgba(11,11,20,.18)}.facts span:first-child{opacity:.5}.facts span:last-child{text-align:right}.xp{margin-top:22vh}.xp-h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5vh}.xp-h h2{font-weight:700;font-size:clamp(40px,7vw,128px);letter-spacing:-.04em;line-height:.9}.row{position:relative;display:grid;grid-template-columns:2fr 4.4fr 3.2fr 4fr;gap:24px;align-items:baseline;padding:30px 0 32px;transition:padding .7s var(--ease)}.row:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#0b0b14cc;transform-origin:left;transform:scaleX(var(--l,0))}.row:last-child{border-bottom:1px solid rgba(11,11,20,.8)}.row .co{font-weight:700;font-size:clamp(26px,3.3vw,56px);letter-spacing:-.035em;line-height:1;transition:translate .7s var(--ease),color .4s}.row .ro{font-size:clamp(15px,1.15vw,19px)}.row .su{opacity:.62;font-size:clamp(14px,1.05vw,17px);line-height:1.45}.row .pe{opacity:.6}.row:hover .co{translate:14px 0;color:var(--indigo)}#contact{background:var(--indigo);color:var(--cream);padding:20vh var(--gut) 5vh;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between}.lt{position:relative;display:block;font-weight:800;font-size:23vw;line-height:.82;letter-spacing:-.05em;margin:4vh 0 9vh -.03em;user-select:none;overflow:hidden;padding:.04em 0 .06em}.lt .o,.lt .f{display:block}.lt .t{display:block;white-space:nowrap}.lt .ind{padding-left:22vw}.lt .o{color:var(--cream)}.lt .f{position:absolute;left:0;top:.04em;color:var(--ink);clip-path:circle(var(--r,0px) at var(--x,50%) var(--y,50%));pointer-events:none}.c-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 24px;border-top:1px solid rgba(239,235,224,.35)}.c-link{display:block;padding:22px 0 26px;position:relative}.c-link .mono{opacity:.7;display:block;margin-bottom:12px}.c-link span.v{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;font-weight:600;font-size:clamp(17px,1.55vw,28px);letter-spacing:-.035em;line-height:1.1;overflow-wrap:anywhere}.c-link .ar{flex:none;transition:transform .5s var(--ease)}.c-link:hover .ar{transform:translate(6px,-6px)}.c-link:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--cream);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.c-link:hover:after{transform:scaleX(1)}.c-note{margin-top:5vh;max-width:30em;font-size:clamp(17px,1.5vw,24px);letter-spacing:-.02em;color:#efebe0e0}.foot{display:flex;justify-content:space-between;margin-top:7vh;opacity:.75;gap:20px;flex-wrap:wrap}.case{--acc:#8E56D6}.c-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--ink)}.c-hero .im{position:absolute;inset:0;overflow:hidden}.c-hero .im img{width:100%;height:100%;object-fit:cover;transform-origin:50% 100%}.c-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b0b14e6,#0b0b1433 55%,#0b0b1459);pointer-events:none}.c-hero .tt{position:absolute;left:var(--gut);right:var(--gut);bottom:5vh;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.c-hero h1{font-weight:800;letter-spacing:-.04em;line-height:.88;font-size:clamp(56px,13vw,250px)}.c-hero .tg{max-width:290px;color:#efebe0d1;font-size:15px;line-height:1.45;padding-bottom:1.2vh;flex:none}.c-hero .tg .mono{display:block;margin-bottom:10px;color:var(--acc);filter:brightness(1.5)}.c-hero .top-l{position:absolute;left:var(--gut);top:90px;z-index:2;display:flex;flex-direction:column;gap:2px;color:#efebe0cc}.cmeta{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:5vh var(--gut);border-bottom:1px solid var(--rule)}.cmeta .mono{color:var(--mute);margin-bottom:8px;display:block}.cmeta div>div{font-size:clamp(16px,1.3vw,21px);letter-spacing:-.02em;line-height:1.3}.cs{padding:20vh var(--gut) 0;position:relative}.cs .lab{color:var(--acc);filter:brightness(1.55);margin-bottom:4vh;display:block}.cs .scrub{color:var(--cream);max-width:20em}.cs .scrub .w{opacity:.16}.two{margin-top:20vh;padding:0 var(--gut);display:flex;flex-direction:column;gap:16vh}.pr{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.pr>div:first-child{grid-column:1/span 5}.pr>div:last-child{grid-column:7/span 6;padding-top:2.2vw}.two h2{font-weight:700;font-size:clamp(34px,4.6vw,80px);letter-spacing:-.05em;line-height:.92;margin-bottom:3vh}.two p{font-size:clamp(17px,1.35vw,22px);line-height:1.5;color:#efebe0d1;max-width:30em}.two .lab{color:var(--acc);filter:brightness(1.55);display:block;margin-bottom:2vh}.gal{padding:20vh var(--gut) 0;display:flex;flex-direction:column;gap:14vh}.gal figure{position:relative}.gal .fr{overflow:hidden;background:var(--ink2);clip-path:inset(0 0 0 0)}.gal img{width:100%;height:auto;transform-origin:50% 50%}.gal figcaption{display:flex;justify-content:space-between;gap:30px;margin-top:16px;color:var(--mute)}.gal figcaption span:last-child{max-width:28em;text-align:right;text-transform:none;letter-spacing:0;font-family:var(--d);font-size:15px;color:#efebe0bf}.dec{padding:22vh var(--gut) 0}.dec h2{font-weight:700;font-size:clamp(40px,7vw,128px);letter-spacing:-.04em;line-height:.9;margin-bottom:8vh}.dr{position:relative;display:grid;grid-template-columns:1.2fr 5fr 6fr;gap:24px;padding:30px 0 34px}.dr:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--cream);opacity:.7;transform-origin:left;transform:scaleX(var(--l,0))}.dr:last-child{border-bottom:1px solid rgba(239,235,224,.7)}.dr .n{color:var(--acc);filter:brightness(1.6)}.dr h3{font-weight:700;font-size:clamp(24px,2.7vw,46px);letter-spacing:-.045em;line-height:1}.dr p{color:#efebe0bf;font-size:clamp(15px,1.15vw,19px);line-height:1.5}.out{padding:22vh var(--gut) 18vh}.out .big{font-weight:800;font-size:clamp(44px,8.4vw,160px);letter-spacing:-.04em;line-height:.88;max-width:11em}.out .big em{color:var(--acc);filter:brightness(1.5)}.out .nda{margin-top:8vh;max-width:36em;color:var(--mute);font-size:15px;line-height:1.5}.nx{position:relative;display:block;height:92vh;min-height:520px;overflow:hidden;background:var(--ink2)}.nx .im{position:absolute;inset:0}.nx .im img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .8s,transform 1.2s var(--ease)}.nx:hover .im img{opacity:.85;transform:scale(1.04)}.nx .tx{position:absolute;left:var(--gut);right:var(--gut);bottom:6vh;z-index:2}.nx .tx h2{font-weight:800;font-size:clamp(56px,13vw,250px);letter-spacing:-.04em;line-height:.84}.nx .tx .mono{display:block;margin-bottom:2vh}.cfoot{padding:8vh var(--gut) 5vh;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--mute)}.cfoot a{color:var(--cream)}@media(max-width:860px){:root{--gut:20px}.nav{padding:16px var(--gut)}.nav nav{gap:14px}.nav nav a{font-size:10px}.clock{display:none}.nav{background:linear-gradient(#0b0b14e6,#0b0b1400)}.nav.inv{background:linear-gradient(#efebe0f2,#efebe000)}.nav.ind{background:linear-gradient(#4f51e6f2,#4f51e600)}.c-grid{grid-template-columns:1fr}.scrollcue{display:none}.a-grid{display:block;margin-top:10vh}.a-pic{margin-bottom:7vh;max-width:75%}.row{grid-template-columns:1fr;gap:6px;padding:22px 0}.lt{font-size:34vw}.lt .ind{padding-left:16vw}.cmeta{grid-template-columns:1fr 1fr;row-gap:28px}.pr{display:block}.pr>div:last-child{padding-top:3vh}.dr{grid-template-columns:1fr;gap:8px}.c-hero .tt{flex-direction:column;align-items:flex-start;gap:16px}.gal figcaption{flex-direction:column;gap:6px}.gal figcaption span:last-child{text-align:left}.scrub{font-size:clamp(28px,8vw,44px)}#contact{padding-top:14vh}}@media(prefers-reduced-motion:reduce){.mesh i,.hm-b .dot{animation:none}.js .ln>span{translate:none}.scrub .w{opacity:1}}.did{list-style:none;margin-top:5vh;padding:0}.did li{position:relative;padding:14px 0 14px 28px;border-top:1px solid var(--rule);font-size:clamp(16px,1.2vw,19px);color:#efebe0e0}.did li:before{content:"";position:absolute;left:0;top:calc(14px + .5em);width:12px;height:1px;background:var(--acc);filter:brightness(1.6)}.did li:last-child{border-bottom:1px solid var(--rule)}.stage{padding:20vh var(--gut) 12vh;position:relative}.stage:before{content:"";position:absolute;left:0;right:0;top:6vh;height:70vh;background:radial-gradient(50% 60% at 50% 40%,color-mix(in srgb,var(--acc) 30%,transparent),transparent 70%);opacity:.5;pointer-events:none}.st-h{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:7vh}.st-h .lab{color:var(--acc);filter:brightness(1.55);display:block;margin-bottom:2vh}.st-h h2{font-weight:700;font-size:clamp(34px,5.4vw,96px);letter-spacing:-.05em;line-height:.9}.stn{margin-top:2.4vh;max-width:34em;color:var(--mute);font-size:15px;line-height:1.5}.tog{display:flex;border:1px solid var(--rule);border-radius:99px;padding:4px;background:#0b0b1499;backdrop-filter:blur(8px)}.tog button{font:400 11px var(--m);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);background:none;border:0;border-radius:99px;padding:11px 22px;cursor:pointer;transition:background .4s,color .4s}.tog button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.tog button:focus-visible,.strip:focus-visible,.dots button:focus-visible{outline:2px solid var(--hi);outline-offset:3px}.devs{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(18px,3.4vw,60px)}.dev{margin:0;position:relative;flex:0 1 auto}.dev.phone,.dev.phone.main{width:min(22vw,310px)}.devs.n1 .dev.land,.devs.n1 .dev.tall{width:min(100%,1180px)}.ph-frame{position:relative;border-radius:13%/6%;padding:3.6%;background:#0a0a10;box-shadow:0 0 0 1.5px #efebe02e,0 40px 90px -20px #000c,0 0 70px -20px var(--acc)}.dev.phone:nth-child(2){transform:translateY(-4vh)}.dev.phone .scr{position:relative;aspect-ratio:1284/2790;border-radius:9%/4.2%;overflow:hidden;background:#111}.scr .s{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .8s var(--ease);pointer-events:none}.scr .s.on{opacity:1}.dev.land .scr,.dev.tall .scr{position:relative;aspect-ratio:16/10;overflow:hidden;background:#111;border-radius:6px}.dev.tall .scr .s{height:auto;object-fit:initial;will-change:transform}.lp .lid{padding:1.1% 1.1% 1.4%;background:#0a0a10;border-radius:14px 14px 4px 4px;box-shadow:0 0 0 1.5px #efebe02e,0 40px 90px -20px #000c,0 0 80px -20px var(--acc)}.lp .base{height:14px;margin:0 -3.5%;background:linear-gradient(#2a2a35,#12121a);border-radius:2px 2px 18px 18px;box-shadow:0 18px 30px -10px #000000b3}.dots{display:flex;gap:6px;justify-content:center;margin-top:22px;flex-wrap:wrap}.dots button{width:18px;height:3px;border:0;padding:0;background:var(--rule);cursor:pointer;border-radius:2px;position:relative}.dots button:after{content:"";position:absolute;inset:-8px 0}.dots button.on{background:var(--cream)}.dev figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--mute)}.dev figcaption span:first-child{color:var(--cream)}@media(max-width:900px){.devs{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gut)*-1);padding:20px var(--gut) 10px;gap:20px;scrollbar-width:none}.devs.n1{overflow:visible;padding:0;margin:0}.dev{flex:none}.dev.phone,.dev.phone.main{width:62vw;max-width:290px;scroll-snap-align:center;transform:none!important}.devs.n1 .dev.land,.devs.n1 .dev.tall{width:100%}.st-h{margin-bottom:5vh}.stage{padding-top:14vh;padding-bottom:9vh}}@media(prefers-reduced-motion:reduce){.scr .s{transition:none}}.case .nav{transition:color .5s,background .4s,backdrop-filter .4s}.case .nav.sc{background:#0b0b14d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.c-hero{box-sizing:border-box;padding-top:110px}.c-hero .tt{max-height:calc(100% - 120px)}@media(max-width:860px){.c-hero{padding-top:84px}.c-hero .tt{max-height:calc(100% - 92px)}}.hlr{color:var(--indigo)}.cvs .xp-h h2{font-size:clamp(34px,5.4vw,96px)}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 7vh}.chips li{padding:8px 16px;border:1px solid rgba(11,11,20,.35);border-radius:999px;font-size:clamp(13px,1vw,16px);font-weight:500}.cvs-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:7vh}.pill{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;border-radius:999px;background:var(--ink);color:var(--cream);font-weight:600;font-size:15px;transition:background .4s,color .4s}.pill:hover{background:var(--indigo)}.pill.ghost{background:none;color:var(--ink);border:1px solid rgba(11,11,20,.4)}.pill.ghost:hover{border-color:var(--indigo);color:var(--indigo);background:none}.live{display:inline-block;margin-top:5vh;padding:14px 24px;border:1px solid var(--rule);border-radius:999px;font-weight:600;transition:background .4s,color .4s}.live:hover{background:var(--cream);color:var(--ink)}.cs .scrub .hl{color:var(--acc);filter:brightness(1.6)}.dev.main .ph-frame{box-shadow:0 0 0 2px #efebe057,0 40px 90px -20px #000c,0 0 120px -10px var(--acc)}.dev.main figcaption span:first-child{color:var(--acc);filter:brightness(1.6)}.show{position:relative;margin:0 auto;max-width:1180px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #efebe029,0 40px 90px -20px #000c,0 0 90px -20px var(--acc)}.show img{width:100%;height:auto}@media(max-width:900px){.dev.main{order:-1}}html.hl #hero{background:#ede9e0;color:var(--ink)}html.hl .mesh{background:#ede9e0}html.hl .mesh i{opacity:1}html.hl .hero__title h1{color:var(--ink)}html.hl .hero__grid{background-image:linear-gradient(rgba(11,11,20,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(11,11,20,.06) 1px,transparent 1px)}html.hl .gcell{background:#4f51e61a}html.hl .sel{border-color:#0b0b144d}html.hl .sel .h{background:#fff;border-color:#0b0b1473}html.hl .happ,html.hl .hsw,html.hl .hcm,html.hl .hwin{background:#ffffffe6;color:var(--ink);box-shadow:0 0 0 1px #0b0b1414,0 8px 24px -12px #0b0b1440}html.hl .hsw i{background:#0b0b1433}html.hl .hsw[aria-checked=true] i{background:var(--indigo)}html.hl .happ svg[stroke="#EFEBE0"]{stroke:#1d1d1f}html.hl .code{color:#0b0b1480}html.hl .win__bar i{background:#0b0b142e}html.hl .hm-c{color:#0b0b1480}html.hl .hm-seven{color:#0b0b14d9}.nav.hl{color:var(--ink)}@media(max-width:860px){.nav.hl{background:linear-gradient(#ede9e0f2,#ede9e000)}}.case .c-hero .ln>span{translate:none}@keyframes pgin{0%{opacity:0}to{opacity:1}}body{animation:pgin .2s ease-out both}body.leaving{opacity:0;transition:opacity .18s ease-in}html{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){body{animation:none}body.leaving{transition:none}.js .wi{opacity:1;transform:none;transition:none}.wph img{transition:none}}.brief{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:24px 8vw;max-width:1180px;margin:0 auto}.brief p,.wlc p{font-size:clamp(17px,1.35vw,22px);line-height:1.5;color:#efebe0d1;max-width:30em;margin-bottom:1em}.lab2{display:block;color:var(--acc);filter:brightness(1.55);margin-bottom:2vh}.cph{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:clamp(18px,3.4vw,60px)}.cph figure{flex:0 1 min(26vw,330px);margin:0}.cph figure:nth-child(2){transform:translateY(-4vh)}.cph img{width:100%;height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6)) drop-shadow(0 0 50px color-mix(in srgb,var(--acc) 35%,transparent))}.cph figcaption{margin-top:16px;text-align:center;color:var(--mute)}.wlc{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1180px;margin:0 auto}.wlc>div{border:1px solid var(--rule);border-radius:16px;padding:clamp(22px,3vw,44px)}.wlc h3{font-weight:700;font-size:clamp(34px,4vw,64px);letter-spacing:-.045em;line-height:1;margin-bottom:.4em}@media(max-width:900px){.brief,.wlc{grid-template-columns:1fr}.cph{flex-direction:column;align-items:center;gap:32px}.cph figure{flex:none;width:64vw;max-width:300px}.cph figure:nth-child(2){transform:none}}.brief,.wlc{max-width:none;margin:0}.c-hero:after{background:linear-gradient(to bottom,#0b0b149e,#0b0b1400 24%),linear-gradient(to top,#0b0b14eb,#0b0b1433 55%,#0b0b144d)}.case[data-slug=madaar] .c-hero .im img{filter:brightness(.4) saturate(.85)}.case[data-slug=macquires] .c-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,#0b0b14f5,#0b0b14cc 45%,#0b0b1400 72%);pointer-events:none}.c-hero picture{display:block;width:100%;height:100%}@media(max-width:860px){.case[data-slug=madaar] .c-hero .im img{object-position:18% 50%}.case[data-slug=tadoomx] .c-hero .im img{object-position:82% 50%}.case[data-slug=macquires] .c-hero:before{background:linear-gradient(to top,#0b0b14cc,#0b0b1400 60%)}}:root{--wrap:1160px;--padx:max(var(--gut),calc((100vw - var(--wrap))/2))}#work{background:#ede9e0;color:var(--ink);padding:14vh var(--padx) 12vh;overflow:hidden;isolation:isolate}#work:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(40vmax 40vmax at 8% 8%,rgba(205,189,243,.55),transparent 70%),radial-gradient(36vmax 36vmax at 96% 38%,rgba(246,199,166,.5),transparent 70%),radial-gradient(34vmax 34vmax at 20% 96%,rgba(191,228,208,.55),transparent 70%)}.w-head{max-width:none;margin:0 0 7vh;align-items:baseline}.w-head h2{font-size:clamp(24px,2.5vw,38px);letter-spacing:-.035em}.w-head h2 sup{color:var(--indigo)}.w-head .mono{color:#0b0b148c}.wl{max-width:none;gap:clamp(60px,13vh,130px)}.wa{width:min(100%,calc(56vh*1.6));margin:0 auto}.wph{background:#dcd7ca;border-radius:10px;box-shadow:0 18px 40px -24px #0b0b1459}.wm{margin-top:14px}.wm h3{font-size:clamp(20px,1.7vw,26px);letter-spacing:-.03em}.wt{color:#0b0b148c;font-size:10.5px}.wa:focus-visible{outline-color:var(--indigo)}#about{padding:12vh var(--padx) 10vh}.scrub{font-size:clamp(23px,2.6vw,40px);line-height:1.18;letter-spacing:-.03em;max-width:24em}.a-lab{margin-bottom:3vh}.a-grid{margin-top:9vh}.a-pic{grid-column:1/span 3}.a-text{grid-column:5/span 7}.a-text p{font-size:clamp(15px,1.1vw,17px);line-height:1.6;max-width:36em}.facts{margin-top:4vh}.facts div{padding:12px 0;font-size:14px}.xp{margin-top:12vh}.xp-h{margin-bottom:3.5vh}.xp-h h2,.cvs .xp-h h2{font-size:clamp(24px,2.5vw,38px);line-height:1.05;letter-spacing:-.035em}.chips{margin-bottom:4.5vh}.chips li{padding:6px 13px;font-size:13px}.row{padding:20px 0 22px;gap:20px}.row .co{font-size:clamp(18px,1.6vw,24px)}.row .ro{font-size:14px}.row .su{font-size:13.5px}.cvs-cta{margin-top:5vh}.pill{height:44px;padding:0 24px;font-size:14px}#contact{padding:12vh var(--padx) 4vh;min-height:80svh}.lt{letter-spacing:-.035em;font-size:clamp(70px,11.5vw,168px);margin:3vh 0 6vh -.03em}.lt .ind{padding-left:11vw}.c-link{padding:18px 0 20px}.c-link span.v{font-size:clamp(15px,1.15vw,19px)}.c-note{font-size:clamp(15px,1.15vw,18px);margin-top:4vh}.foot{margin-top:5vh}.c-hero h1{font-size:clamp(40px,6.2vw,100px);line-height:.92}.c-hero .tg{font-size:14px;max-width:300px}.cmeta{padding:4vh var(--padx)}.cmeta div>div{font-size:clamp(14px,1.05vw,17px)}.cs{padding:12vh var(--padx) 0}.cs .scrub{max-width:26em}.two{margin-top:12vh;padding:0 var(--padx);gap:10vh}.two h2{font-size:clamp(24px,2.5vw,38px);letter-spacing:-.04em;line-height:1}.two p{font-size:clamp(15px,1.1vw,17px)}.did li{font-size:clamp(14px,1vw,16px)}.stage{padding:12vh var(--padx) 8vh}.st-h{margin-bottom:5vh}.st-h h2{font-size:clamp(24px,2.5vw,38px);line-height:1.05;letter-spacing:-.04em}.stn{font-size:14px}.dev.phone,.dev.phone.main{width:min(18vw,250px)}.show{max-width:960px}.devs.n1 .dev.land,.devs.n1 .dev.tall{width:min(100%,960px)}.brief p,.wlc p{font-size:clamp(15px,1.1vw,17px)}.wlc h3{font-size:clamp(24px,2.3vw,34px)}.gal{padding:12vh var(--padx) 0;gap:9vh}.dec{padding:12vh var(--padx) 0}.dec h2{font-size:clamp(24px,2.5vw,38px);margin-bottom:5vh}.dr{padding:22px 0 24px}.dr h3{font-size:clamp(18px,1.6vw,24px)}.dr p{font-size:clamp(14px,1vw,16px)}.out{padding:12vh var(--padx) 10vh}.out .big{font-size:clamp(28px,4.2vw,64px);line-height:.96}.out .nda{margin-top:5vh;font-size:14px}.nx{height:62vh;min-height:360px}.nx .tx{left:var(--padx);right:var(--padx);bottom:5vh}.nx .tx h2{font-size:clamp(34px,5.4vw,84px)}.cfoot{padding:6vh var(--padx) 4vh}@media(max-width:860px){:root{--padx:var(--gut)}#work{padding:11vh var(--padx) 9vh}.wl{gap:56px}.wa{width:100%}.scrub{font-size:clamp(21px,6vw,28px)}.a-pic{max-width:62%}.lt{font-size:22vw}.lt .ind{padding-left:10vw}.c-hero h1{font-size:clamp(34px,10.5vw,52px)}.nx .tx h2{font-size:clamp(32px,10vw,48px)}.row .co{font-size:20px}}.w-head{width:min(100%,calc(56vh*1.6));margin:0 auto 6vh}@media(max-width:860px){.w-head{width:100%}}.case[data-slug=cairo-amman-bank] .c-hero:after{background:linear-gradient(to bottom,#03160e59,#03160e00 18%),linear-gradient(to top,#03120be0,#03120b40 38%,#03120b00 62%)}@media(min-width:861px){.case[data-slug=cairo-amman-bank] .c-hero .im img{object-position:60% 50%}}.nav.sc{background:#ede9e0e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(11,11,20,.08);color:var(--ink)}.nav.sc.ind{background:#4f51e6eb;border-bottom-color:#efebe02e;color:var(--cream)}.case .nav.sc{background:#0b0b14e0;border-bottom:1px solid rgba(239,235,224,.1);color:var(--cream)}.nav{padding-top:18px;padding-bottom:18px}@media(max-width:860px){.nav{padding-top:14px;padding-bottom:14px}.nav.sc,.case .nav.sc{background-image:none}}@media(max-width:900px){.dev.phone,.dev.phone.main{width:62vw;max-width:280px}.dev figcaption{flex-wrap:wrap;gap:4px 12px}}.nx:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#0b0b14e6,#0b0b1459 55%,#0b0b141a)}p,.wt,.stn,.tg{text-wrap:pretty}h1,h2,h3,.scrub,.hm-seven,.c-note,.hm-a,.hm-b{text-wrap:balance}.nx .ln>span{translate:none}.two p+p{margin-top:.85em}:root{--wrap:1360px}#work{background:#ede9e0;overflow:clip;isolation:isolate;padding:13vh max(var(--gut),calc((100vw - var(--wrap))/2)) 12vh}#work:before{content:none}#work .wmw{position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24vh,#000 calc(100% - 24vh),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 24vh,#000 calc(100% - 24vh),transparent 100%)}#work .wmesh{position:absolute;height:100vh;height:100svh;width:100%;inset:auto;background:transparent;transform:translate3d(0,var(--my,0px),0)}#work .wmesh i{opacity:1}.w-head,.wa{width:min(100%,133vh,var(--wrap))}.wph{aspect-ratio:1.9/1;border-radius:12px;box-shadow:0 22px 50px -26px #0b0b1466}.wm{margin-top:16px}.wm h3{font-size:clamp(22px,1.9vw,30px)}.wt{font-size:11px}.wl{gap:clamp(64px,12vh,120px)}#about{background:#efebe0}@media(max-width:860px){#work{padding:11vh 20px 9vh}.w-head,.wa{width:100%}.wph{aspect-ratio:3/2;border-radius:10px}.wl{gap:48px}}.nl{display:flex;align-items:center;gap:18px;min-width:0}.back{display:inline-flex;align-items:center;gap:8px;font:400 11px/1 var(--m);letter-spacing:.09em;text-transform:uppercase;padding:9px 15px 9px 13px;border:1px solid rgba(239,235,224,.38);border-radius:999px;background:#0b0b1459;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cream);white-space:nowrap;transition:background .3s,color .3s,border-color .3s}.back span{font-size:14px;line-height:1;transform:translateY(-1px)}.back:hover,.back:focus-visible{background:var(--cream);color:var(--ink);border-color:var(--cream)}.back:focus-visible{outline:2px solid var(--hi);outline-offset:3px}@media(max-width:640px){.nl .brand{display:none}.back{padding:8px 13px 8px 11px}}.c-hero:after{background:linear-gradient(to bottom,#0b0b1499,#0b0b1400 22%),linear-gradient(to top,#0b0b14f5 0,#0b0b14e0,#0b0b1459 52%,#0b0b1400 72%)}.case[data-slug=uwallet] .c-hero .im,.case[data-slug=mpayment] .c-hero .im,.case[data-slug=csc-card-app] .c-hero .im,.case[data-slug=bank-of-jordan-syria] .c-hero .im{bottom:27%;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}.case[data-slug=cairo-amman-bank] .c-hero:after{background:linear-gradient(to bottom,#03160e59,#03160e00 18%),linear-gradient(to top,#03120bf0,#03120bb3 30%,#03120b00 62%)}@media(max-width:860px){.case[data-slug=uwallet] .c-hero .im,.case[data-slug=mpayment] .c-hero .im,.case[data-slug=csc-card-app] .c-hero .im,.case[data-slug=bank-of-jordan-syria] .c-hero .im{bottom:40%}.c-hero:after{background:linear-gradient(to bottom,#0b0b1499,#0b0b1400 18%),linear-gradient(to top,#0b0b14f5 0,#0b0b14e6 38%,#0b0b1466 62%,#0b0b1400 80%)}}#work .wmesh{overflow:visible}html.xin body{animation:none}@keyframes xtt{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes xfd{0%{opacity:0}to{opacity:1}}html.xin .c-hero .tt,html.xin .c-hero .top-l{animation:xtt .8s .32s cubic-bezier(.16,1,.3,1) backwards}html.xin body.case .nav{animation:xfd .6s .4s ease-out backwards}body.leaving{opacity:1!important;transition:none!important}.devs.row{align-items:flex-start;gap:clamp(14px,2.2vw,34px)}.devs.row .dev.phone,.devs.row .dev.phone:nth-child(n){width:auto;flex:1 1 0;max-width:236px;transform:none}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,30px);padding:clamp(18px,3vw,44px);background:#efebe00d;border:1px solid var(--rule);border-radius:18px}.board figure{margin:0}.board img{width:100%;height:auto;border-radius:clamp(14px,2vw,26px);box-shadow:0 0 0 1px #efebe024,0 24px 50px -22px #000000b3}.board figcaption{margin-top:12px;color:var(--mute)}@media(max-width:900px){.devs.row{padding-bottom:6px}.devs.row .dev.phone,.devs.row .dev.phone:nth-child(n){flex:none;width:62vw;max-width:260px}.board{grid-template-columns:repeat(2,1fr)}}.devs.n1 .dev.phone,.devs.n1 .dev.phone:nth-child(n){width:min(27vw,320px);transform:none}.dev.phone .dots,.dev.phone figcaption .cp{display:none}.dev.phone .scr .s{transition:opacity .35s ease}.dev.phone .ph-frame{touch-action:pan-y;cursor:grab}.dev.phone .ph-frame:focus-visible{outline:2px solid var(--hi);outline-offset:6px}.pc{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.pc-b{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(239,235,224,.3);background:#0b0b1480;display:flex;align-items:center;justify-content:center;color:var(--cream);transition:background .25s,color .25s,border-color .25s}.pc-b:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}.pc-b:focus-visible{outline:2px solid var(--hi);outline-offset:3px}.pc-b:active{transform:scale(.94)}.pc-m{flex:1;min-width:0;text-align:center}.pc-dots{display:flex;justify-content:center;flex-wrap:nowrap;gap:0}.pc-dots button{width:18px;height:28px;flex:none;border:0;background:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.pc-dots button:before{content:"";width:8px;height:8px;border-radius:50%;background:#efebe047;transition:background .25s,transform .25s}.pc-dots button.on:before{background:var(--cream);transform:scale(1.35)}.pc-dots button:focus-visible{outline:2px solid var(--hi);outline-offset:-2px;border-radius:50%}.pc-t{margin-top:6px;display:flex;flex-direction:column;gap:2px;align-items:center}.pc-n{font:400 11px var(--m);letter-spacing:.09em;color:var(--mute)}.pc-c{font-size:14px;color:var(--cream);letter-spacing:-.01em}@media(max-width:900px){.devs.n1 .dev.phone,.devs.n1 .dev.phone:nth-child(n){width:64vw;max-width:300px}.devs.n1{justify-content:center;overflow:visible;margin:0;padding:0}.pc-b{width:46px;height:46px}}.mesh.off i{animation-play-state:paused}.pc-n{font-size:12px;color:#efebe0d1}.pc-b svg{display:block;width:22px;height:22px;stroke:var(--cream);stroke-width:2;fill:none;flex:none}.pc-b:hover svg,.pc-b:focus-visible svg{stroke:var(--ink)}.pc-b:focus-visible{background:var(--cream)}.panel{display:flex;justify-content:center;align-items:center;width:100%;padding:clamp(16px,3vw,44px);border:1px solid var(--rule);border-radius:26px;background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--acc) 26%,transparent),transparent 74%),#efebe008}.show{max-width:min(100%,calc((100svh - 240px)*1.33),1180px);width:100%;margin:0}.devs.n1.panel{margin:0;overflow:visible}.devs.n1 .dev.land,.devs.n1 .dev.tall{width:min(100%,1180px,calc((100svh - 300px)*1.6))}.stage-ph{min-height:100svh;display:flex;align-items:center;padding:calc(76px + 2vh) max(var(--gut),calc((100vw - 1360px)/2)) 5vh}.stage-ph:before{display:none}.sp{width:100%;display:grid;grid-template-columns:minmax(300px,5fr) 7fr;grid-template-areas:"t r" "c r";column-gap:clamp(32px,5vw,90px);row-gap:clamp(22px,4vh,44px)}.stage-ph.flip .sp{grid-template-columns:7fr minmax(300px,5fr);grid-template-areas:"r t" "r c"}.sp-t{grid-area:t;align-self:end;position:relative}.sp-c{grid-area:c;align-self:start;position:relative}.sp-r{grid-area:r;display:flex;justify-content:center;align-items:center;padding:clamp(14px,2.2vw,34px);border:1px solid var(--rule);border-radius:26px;background:radial-gradient(55% 55% at 50% 48%,color-mix(in srgb,var(--acc) 30%,transparent),transparent 72%),#efebe008}.sp-t .lab{color:var(--acc);filter:brightness(1.55);display:block;margin-bottom:2vh}.sp-t h2{font-weight:700;font-size:clamp(28px,3vw,46px);letter-spacing:-.045em;line-height:1}.sp-t .stn{margin-top:2vh;max-width:30em;font-size:15px}.sp-t .tog{display:inline-flex;margin-top:3vh}.sp-r .devs{margin:0;padding:0;overflow:visible;display:block}.stage-ph .sp-r .devs.n1 .dev.phone,.stage-ph .sp-r .devs.n1 .dev.phone:nth-child(n){width:calc(min(72vh,760px)*.478);max-width:none;transform:none;margin:0}.sp-r .dots,.sp-r figcaption{display:none}.sp-c .pc{display:block;margin:0}.sp-c .pc-t{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;align-items:flex-start}.sp-c .pc-n{font-size:13px;color:#efebe0d1}.sp-c .pc-c{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.03em;line-height:1.15}.sp-c .pc-row{display:flex;align-items:center;gap:12px}.sp-c .pc-b{width:56px;height:56px}.sp-c .pc-dots{margin-left:10px;justify-content:flex-start;flex:1;min-width:0}@media(max-width:860px){.stage-ph{display:block;min-height:0;padding:84px 20px 40px}.sp,.stage-ph.flip .sp{display:block}.sp-t{margin-bottom:16px}.sp-t h2{font-size:26px}.sp-t .stn{font-size:14px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-t .tog{margin-top:12px}.sp-t .lab{margin-bottom:6px}.sp-r{padding:12px;border-radius:20px}.stage-ph .sp-r .devs.n1 .dev.phone,.stage-ph .sp-r .devs.n1 .dev.phone:nth-child(n){width:calc(min(46vh,470px)*.478);max-width:none}.sp-c{margin-top:14px}.sp-c .pc-t{align-items:center;text-align:center;margin-bottom:10px;gap:4px}.sp-c .pc-c{font-size:18px}.sp-c .pc-row{justify-content:space-between;gap:8px}.sp-c .pc-b{width:48px;height:48px}.sp-c .prv{order:1}.sp-c .pc-dots{order:2;margin:0;justify-content:center}.sp-c .nxt{order:3}.devs.n1.panel{padding:12px}}.sp-r .devs.n1 .dev.land,.sp-r .devs.n1 .dev.tall{width:100%}.sp-r .show{max-width:none;width:100%;margin:0}.sp-r .dev.land .scr,.sp-r .dev.tall .scr{border-radius:6px}.sp-t .ln>span{translate:none}.sp-r .devs{width:100%}.sp-r .devs.n1 .dev.land,.sp-r .devs.n1 .dev.tall{max-width:none}.sp-t .ln>span,.sp-t h2 .ln>span{translate:none!important;transform:none!important}.sp-r{width:100%}.sp-r .devs.n1{display:flex;justify-content:center;width:100%}.stage-ph .sp-r .devs.n1 .dev.phone{margin:0 auto}.sp{align-items:center;grid-template-rows:auto auto;align-content:center}.sp-t{align-self:end}.sp-c{align-self:start}@media(min-width:861px){.sp{grid-template-columns:minmax(300px,4.2fr) 7fr;column-gap:clamp(28px,3.2vw,56px)}.stage-ph.flip .sp{grid-template-columns:7fr minmax(300px,4.2fr)}.sp-r{grid-row:1/3}}@media(max-width:860px){.sp-r .devs.n1{justify-content:center}.sp-r{display:flex;justify-content:center}}*,*:before,*:after{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}img,svg,picture,video,canvas{-webkit-user-drag:none;-webkit-touch-callout:none;user-drag:none}