@font-face{font-display:swap;font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;src:url(/build/assets/atkinson-hyperlegible-next-Cw9WDUCC.woff2)format("woff2")}@font-face{font-display:swap;font-family:Martian Mono;font-style:normal;font-weight:100 800;src:url(/build/assets/martian-mono-1TqSgyfh.woff2)format("woff2")}:root{--bg:#0e1016;--surface:#171a22;--fg:#f4f5f7;--body:#d5d8de;--muted:#a6acb8;--line:#2a2f3a;--yellow:#ffd84d;--mint:#5ce6bc;--coral:#ff7d5e;--lilac:#9aa8ff;--lime:#c6ff3d;--sans:"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Martian Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter:clamp(22px, 5.5vw, 80px);--space:clamp(32px, 4.4vw, 64px);--offset:clamp(10px, 1.4vw, 20px);--h:var(--yellow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.5;position:relative;overflow-x:clip}::selection{background:var(--lime);color:var(--bg)}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:.2em;text-decoration-thickness:.09em;transition:color .2s}a:hover{color:var(--h)}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}[hidden]{display:none!important}.is-yellow{color:var(--yellow)}.is-mint{color:var(--mint)}.is-coral{color:var(--coral)}.sr-only,.has-tron .missing .hero__title{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}.sprite{width:0;height:0;position:absolute;overflow:hidden}.wrap{max-width:1440px;padding:0 var(--gutter);margin:0 auto;position:relative}.row{padding:var(--space) 0;flex-wrap:wrap;align-items:flex-start;gap:12px 40px;display:flex}.row__label{flex:200px}.row__body{flex:999 640px;min-width:0}.header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 32px;min-height:73px;padding:14px 0;display:flex}.header__name{letter-spacing:-.01em;font-size:18px;font-weight:700}.header__mail{align-items:center;min-height:44px;font-size:17px;display:inline-flex}.footer{padding:clamp(36px,5vw,72px) 0 clamp(40px,5.6vw,80px)}.footer .row__label{margin-top:calc(clamp(19px,1.8vw,26px)/2.76243 - 3.6px)}.footer__body{flex-direction:column;align-items:flex-start;gap:clamp(18px,2.2vw,30px);display:flex}.footer__intro{color:var(--body);text-wrap:pretty;max-width:30em;font-size:clamp(19px,1.8vw,26px);line-height:1.4}.footer__mail{color:var(--yellow);letter-spacing:-.028em;overflow-wrap:anywhere;font-size:clamp(34px,5.2vw,74px);font-weight:700;line-height:1.1}.footer__address{font-size:clamp(17px,1.4vw,20px)}.glow{pointer-events:none;height:1100px;transform:translate3d(0, calc(var(--scroll,0) * .3px), 0);background:radial-gradient(640px 420px at 12% 8%,#9aa8ff29,#0000 70%),radial-gradient(560px 380px at 88% 2%,#5ce6bc1c,#0000 70%),radial-gradient(520px 420px at 55% 38%,#ff7d5e12,#0000 70%);position:absolute;top:0;left:0;right:0}.glows{pointer-events:none;position:absolute;inset:0;overflow:hidden}.glows i{aspect-ratio:3/2;background:radial-gradient(closest-side, rgba(var(--rgb), .11), transparent);left:var(--x);top:var(--y);transform:translate3d(0, calc(var(--scroll,0) * var(--speed) * 1px), 0);width:var(--w);position:absolute}.grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:var(--gutter) 12px;pointer-events:none;background-size:20px 20px;position:fixed;inset:0}.has-tron .grid{display:none}.tron{pointer-events:none;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.has-tron .tron{display:block}.label{color:var(--muted);font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.4}.drawn{--stroke-height:.3em;background-position:0 100%;background-repeat:no-repeat;background-size:100% var(--stroke-height);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:.1em;text-decoration:none}.drawn--own{background-image:var(--stroke)}.hatch{height:calc(100% - var(--offset));left:var(--offset);pointer-events:none;top:var(--offset);width:calc(100% - var(--offset));position:absolute;overflow:visible}.divider{color:var(--lilac);align-items:center;height:14px;margin:-6px 0;display:flex}.divider:before{background:linear-gradient(transparent 5px, var(--line) 5px, var(--line) 7px, transparent 7px);content:"";flex:9 1 0;height:12px}.divider svg{flex:1 1 0;min-width:0;height:14px}.hero{flex-wrap:wrap-reverse;justify-content:space-between;align-items:stretch;gap:clamp(24px,3.3vw,48px);padding:clamp(28px,4.4vw,64px) 0 clamp(40px,5.6vw,88px);display:flex}.hero__text{flex-direction:column;flex:560px;justify-content:space-between;gap:clamp(14px,1.6vw,24px);min-width:0;display:flex}.hero__role{color:var(--muted);font-size:clamp(17px,1.5vw,21px);line-height:1.4}.hero__role .drawn{--stroke-height:.6em;color:var(--fg);font-family:var(--mono);vertical-align:.1em;padding-bottom:.55em;font-size:.75em}.hero__title{letter-spacing:-.028em;text-wrap:balance;max-width:16em;font-size:clamp(38px,5.4vw,80px);font-weight:700;line-height:1.05}.hero__intro{color:var(--body);gap:.6em;max-width:34em;font-size:clamp(19px,1.8vw,26px);line-height:1.4;display:grid}.hero__portrait{flex:none;align-self:flex-end;width:100%;margin-bottom:16px}@media screen and (width>=37.5em){.hero__portrait{width:clamp(150px,19vw,280px);margin-bottom:0}}@media screen and (width>=56.25em){.hero__portrait{margin-top:calc(1.4*clamp(17px,1.5vw,21px) + clamp(14px,1.6vw,24px))}}.hero__portrait img{aspect-ratio:1;background:var(--surface);object-fit:cover;width:100%}.cases{padding:var(--space) 0 clamp(24px, 3vw, 40px);flex-direction:column;display:flex}.cases>.label{margin-bottom:clamp(8px,1.5vw,24px)}.case{--h:var(--c);flex-wrap:wrap;align-items:center;gap:clamp(20px,4vw,64px);padding:clamp(36px,4.6vw,72px) 0;display:flex;position:relative}@supports (color:color-mix(in srgb, red, red)){.case ::selection{background:color-mix(in srgb, var(--c) 40%, transparent);color:var(--fg)}}.case+.case{border-top:1px solid var(--line)}.case:nth-of-type(2n){flex-direction:row-reverse}.case__text{flex-direction:column;flex:55 320px;gap:14px;min-width:0;display:flex}.case__head{align-items:center;gap:clamp(14px,1.6vw,22px);margin-bottom:clamp(4px,.8vw,12px);display:flex}.case__icon{box-shadow:0 0 0 1px var(--line);border-radius:11px;flex:none;width:48px;height:48px}.case__title{letter-spacing:-.028em;font-size:clamp(34px,4.2vw,60px);font-weight:700;line-height:1.05}.case__intro{color:var(--body);text-wrap:pretty;max-width:32em;font-size:clamp(18px,1.4vw,20px);line-height:1.5}.case__meta{color:var(--muted);font-family:var(--mono);font-size:12px}.case__image{min-width:0;padding:0 var(--offset) var(--offset) 0;flex:45 300px;align-self:flex-start;position:relative}.case__image:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--c) 22%, transparent), transparent);content:"";pointer-events:none;position:absolute;inset:-20% 0 -20% -20%}.case:nth-of-type(2n) .case__image{padding:0 0 var(--offset) var(--offset)}.case:nth-of-type(2n) .case__image:before{left:0;right:-20%}.case:nth-of-type(2n) .case__image .hatch{left:calc(var(--offset) * -1)}.case__stack{margin-top:8%;position:relative}.case__stack.has-mobile{margin-top:calc(15% + 16px)}@media screen and (width>=46.25em){.case__stack.has-mobile{margin-top:8%}}.case__stack .hatch{width:100%;height:100%}.case__frame{background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 80px -30px color-mix(in srgb, var(--c) 45%, transparent);transform-origin:50% 0;z-index:3;border-radius:10px;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s,opacity .6s;position:relative;overflow:hidden}.case__frame+.case__frame{position:absolute;top:0;left:0;right:0}.case__frame[data-pos="1"]{filter:brightness(.55);z-index:2;transform:translateY(-6%)scale(.94)}.case__frame[data-pos="2"]{filter:brightness(.55);z-index:1;transform:translateY(-12%)scale(.88)}.case__frame[data-pos="3"],.case__frame[data-pos="4"],.case__frame[data-pos="5"],.case__frame[data-pos="6"],.case__frame[data-pos=in]{filter:brightness(.55);opacity:0;z-index:0;transform:translateY(-18%)scale(.82)}.case__frame[data-pos=out]{opacity:0;pointer-events:none;z-index:4;transform:translateY(10%)scale(1.08)}.js .case__frame[data-pos="1"],.js .case__frame[data-pos="2"]{cursor:pointer}.case__frame:before{content:"";background-color:#0000;background-image:radial-gradient(circle,#0000 3.4px,#a6acb899 3.6px 4.4px,#0000 4.6px),radial-gradient(circle,#0000 3.4px,#a6acb899 3.6px 4.4px,#0000 4.6px),radial-gradient(circle,#0000 3.4px,#a6acb899 3.6px 4.4px,#0000 4.6px);background-position:12px,27px,42px;background-repeat:no-repeat;background-size:9px 9px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;height:36px;display:block}.case__frame.is-instant{transition:none}.case__frame img{aspect-ratio:16/10;object-fit:cover;width:100%}.has-mobile .case__frame img{aspect-ratio:4/5}@media screen and (width>=46.25em){.has-mobile .case__frame img{aspect-ratio:16/10}}.case__nav{justify-content:center;align-items:center;gap:8px;margin-top:clamp(14px,1.6vw,22px);display:flex}@media screen and (width>=46.25em){.case__nav{justify-content:flex-end}}.case__nav button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:border-color .2s,color .2s;display:flex}.case__nav button:hover{border-color:var(--c);color:var(--fg)}.case__nav svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:16px;height:16px}.case__ticks{height:3px;width:calc(var(--n) * 22px - 4px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='3'%3E%3Crect width='18' height='3' rx='1.5' fill='%23A6ACB8' fill-opacity='.3'/%3E%3C/svg%3E") 0 0/22px 3px repeat-x;margin:0 6px;position:relative}.case__ticks:after{background:var(--c);box-shadow:0 0 10px color-mix(in srgb, var(--c) 60%, transparent);content:"";height:3px;left:calc(var(--i,0) * 22px);right:calc((var(--n) - 1 - var(--i,0)) * 22px);border-radius:2px;transition:left .45s cubic-bezier(.2,.7,.2,1) .15s,right .45s cubic-bezier(.2,.7,.2,1);position:absolute;top:0}@media (prefers-reduced-motion:reduce){.case__ticks:after{transition:none}}.case__ticks.is-back:after{transition-delay:0s,.15s}.row--about .row__label{margin-top:calc(clamp(22px,2.2vw,32px)/3.20513 - 3.6px)}.about{gap:clamp(28px,3vw,44px);display:grid}.about .drawn{color:var(--fg)}.about__lead{color:var(--body);letter-spacing:-.01em;text-wrap:pretty;max-width:30em;font-size:clamp(22px,2.2vw,32px);line-height:1.3}.about__blocks{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:28px 40px;display:grid}.about__block{align-content:start;gap:8px;display:grid}.about__block p{color:var(--body);text-wrap:pretty;font-size:clamp(17px,1.4vw,20px);line-height:1.55}.about__block a{--h:var(--fg);background-image:var(--stroke-F4F5F7);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 100%;background-repeat:no-repeat;background-size:0 .3em;padding-bottom:.1em;transition:background-size .35s,text-decoration-color .2s}.about__block a:hover,.about__block a:focus-visible{background-size:100% .3em;text-decoration-color:#0000}.filters{--fade-start:0px;--fade-end:0px;--left:0px;--width:0px;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);scroll-behavior:smooth;scrollbar-width:none;gap:0 22px;margin:5px -7px -3px;padding:7px 7px 12px;display:flex;position:relative;overflow-x:auto}@media screen and (width>=37.5em){.filters{margin:-20px -7px -3px;padding-bottom:15px}}.filters::-webkit-scrollbar{display:none}.filters.has-start{--fade-start:48px}.filters.has-end{--fade-end:48px}.filters:after{content:"";height:.3em;bottom:0;left:var(--left);pointer-events:none;width:var(--width);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 9' preserveAspectRatio='none'%3E%3Cfilter id='r' x='-5%' y='-50%' width='110%' height='200%'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='2' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3'/%3E%3C/filter%3E%3Cpath d='M4 5c40-2 90 1 130-1s45 1 62-1' fill='none' stroke='%23F4F5F7' stroke-width='4.5' stroke-linecap='round' filter='url%28%23r%29'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:no-repeat;background-size:100% .3em;font-size:30px;transition:left .3s,width .3s;position:absolute}.filters button{color:var(--muted);cursor:pointer;font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;background:0 0;border:0;flex:none;min-height:32px;padding:0 0 6px;font-size:12px;font-weight:500}@media screen and (width>=37.5em){.filters button{min-height:44px;padding:0}}.filters button:hover,.filters button[aria-pressed=true]{color:var(--fg)}.projects{border-bottom:1px solid var(--line)}@media screen and (width>=75em){.projects{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;display:grid}}.project{--h:var(--c);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:6px 32px;padding:14px 0;display:grid;position:relative}@supports (color:color-mix(in srgb, red, red)){.project ::selection{background:color-mix(in srgb, var(--c) 40%, transparent);color:var(--fg)}}@media screen and (width>=56.25em){.project{grid-template-columns:minmax(0,1fr) 1.5rem;align-content:start;align-items:center;gap:8px 32px;padding:28px 0}}.js .project{animation:.5s both rise}.project__title{letter-spacing:-.015em;align-items:center;gap:12px;font-size:clamp(20px,1.7vw,25px);font-weight:700;line-height:1.2;display:flex}@media screen and (width>=56.25em){.project__title{grid-area:1/1}}.project__title a{text-decoration:none}.project__title a:after{content:"";position:absolute;inset:0}.project__title .drawn{background-image:var(--stroke);background-size:0 .3em;transition:background-size .35s}.project:hover .project__title .drawn,.project__title a:focus-visible .drawn{background-size:100% .3em}.project__icon{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:7px;flex:none;width:28px;height:28px}.project__icon--letter{background:var(--c);color:var(--bg);justify-content:center;align-items:center;font-size:15px;display:inline-flex}.project__intro{color:var(--body)}@media screen and (width>=56.25em){.project__intro{grid-area:2/1/auto/-1}}.project__meta{color:var(--muted);font-family:var(--mono);margin-top:2px;font-size:12px;display:block}@media screen and (width>=56.25em){.project__meta{margin-top:6px}}.project__arrow{color:var(--muted);font-size:22px;transition:transform .2s,color .2s;display:none}@media screen and (width>=56.25em){.project__arrow{grid-area:1/2;display:block}}.project:hover .project__arrow{color:var(--c);transform:translate(3px,-3px)}.project--offline .project__title,.project--offline .project__intro{color:var(--muted)}.project--offline .project__icon--letter{background:var(--line);color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.partners{padding:clamp(40px,5.6vw,88px) 0}.partners .row__label{margin-top:calc(clamp(26px,3.4vw,48px)/3.20513 - 3.6px)}.partners__list{letter-spacing:-.02em;flex-wrap:wrap;gap:.15em .7em;font-size:clamp(26px,3.4vw,48px);font-weight:700;line-height:1.3;display:flex}.row--addons .row__label{margin-top:-3.6px}.addons{gap:20px;display:grid}@media screen and (width>=37.5em){.addons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width>=83.75em){.addons{grid-template-columns:repeat(4,minmax(0,1fr))}}.addons__more{margin-top:20px}.addon{background:linear-gradient(160deg, #9aa8ff14, transparent 60%), var(--surface);border:1px solid var(--line);border-radius:14px;align-content:start;gap:10px;padding:22px;transition:border-color .2s,box-shadow .2s;display:grid;position:relative}.addon:hover,.addon:focus-within{border-color:#9aa8ff80;box-shadow:0 20px 60px -24px #9aa8ff73}.addon img{border-radius:14px;width:64px;height:64px}.addon h3{letter-spacing:-.015em;font-size:22px;font-weight:700}.addon h3 a{text-decoration:none}.addon h3 a:after{content:"";position:absolute;inset:0}.addon__intro{color:var(--body);font-size:17px}.addon__price{color:var(--lilac);font-family:var(--mono);font-size:12px}.missing{min-height:100dvh}.has-tron .missing .hero__role,.has-tron .missing .hero__intro{display:none}.js [data-enter]{opacity:0}.js [data-enter].is-visible{animation:enter .9s cubic-bezier(.2, .7, .2, 1) calc(var(--i,0) * 90ms) both}@media (prefers-reduced-motion:reduce){.js [data-enter]{opacity:1}}.js [data-enter]:not(.projects) .drawn{background-size:0 var(--stroke-height)}.js [data-enter]:not(.projects).is-visible .drawn{animation:draw .9s cubic-bezier(.6, 0, .2, 1) calc(var(--i,0) * 90ms + .5s) both}.js [data-enter]:not(.projects).is-loaded .drawn{background-size:100% var(--stroke-height);animation:none}@media (prefers-reduced-motion:reduce){.js [data-enter]:not(.projects) .drawn{background-size:100% var(--stroke-height)}}.js .filters.is-visible:after{animation:.9s cubic-bezier(.6,0,.2,1) .5s both draw}.js .filters.is-loaded:after{animation:none}@keyframes enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes draw{0%{background-size:0 var(--stroke-height)}to{background-size:100% var(--stroke-height)}}