:root{--ink:#101011;--bone:#eee6d6;--ash:#7d776c;--signal:#ff4229;--display:"Archivo","Arial Narrow",Impact,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{scrollbar-width:none;overflow-x:clip}html::-webkit-scrollbar{display:none}body{background:var(--ink);color:var(--bone);font:400 15px/1.5 var(--mono);margin:0;overflow-x:clip}.cur{display:none}@media (hover:hover) and (pointer:fine){body{cursor:none}.cur{display:block}}a{color:inherit}::selection{background:var(--signal);color:var(--ink)}.wrap{padding-inline:clamp(16px,3vw,40px)}body:after{content:"";pointer-events:none;z-index:50;opacity:.035;background-image:var(--grain,none);position:fixed;inset:0}.cur{pointer-events:none;z-index:60;position:fixed;top:0;left:0}.cursor{background:var(--bone);mix-blend-mode:difference;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:width .3s,height .3s,margin .3s}.cursor.big{width:52px;height:52px;margin:-26px 0 0 -26px}nav{z-index:40;padding:calc(14px + env(safe-area-inset-top,0px)) clamp(16px,3vw,40px) 14px;color:var(--bone);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:16px;font-size:12px;transition:color .3s;display:flex;position:fixed;inset:0 0 auto}nav span{display:inline-block}@keyframes blink{50%{opacity:.25}}nav .langs b{color:var(--signal)}nav .langs{transition:opacity .3s}nav.down .langs{opacity:0;pointer-events:none}.snk i.v{color:var(--bone)}.snk i{white-space:pre;will-change:transform;font-style:normal;display:inline-block}.snk-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}nav[data-bg=orange],nav[data-bg=bone]{color:var(--ink)}nav[data-bg=orange] .langs b{color:var(--bone)}.marquee{background:var(--signal);color:var(--ink);z-index:41;font-family:var(--display);font-variation-settings:"wdth" 62;text-transform:uppercase;white-space:nowrap;margin-top:56px;font-size:clamp(28px,4vw,56px);font-weight:800;position:relative;overflow-x:clip}.mq-run{will-change:transform;padding-block:14px;display:inline-block}.mq-run>*{vertical-align:middle;margin-inline:1.3em;display:inline-block}.lg{position:relative}.lg:before{content:"";-webkit-mask:var(--m) center/contain no-repeat;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;background:currentColor;position:absolute;inset:0}.mq-run .lg{transition:box-shadow .15s,background .15s,color .15s}.mq-run .lg:hover{background:var(--ink);color:var(--signal);box-shadow:0 0 0 .45em var(--ink)}.mq-t{letter-spacing:.1em;text-transform:uppercase;color:var(--ash);margin:56px clamp(16px,3vw,40px) 12px;font-size:12px}.mq-t+.marquee{margin-top:0}.label{border-top:2px solid var(--bone);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:16px;margin-top:clamp(80px,12vw,180px);padding-top:10px;font-size:12px;display:flex}.label span:last-child{color:var(--ash)}.skills{margin:0;padding:0;list-style:none}.skill{border-bottom:2px solid var(--bone);position:relative;overflow:hidden}.skill:before{content:"";background:var(--bone);clip-path:inset(0 100% 0 0);transition:clip-path .6s cubic-bezier(.65,0,.25,1);position:absolute;inset:0}.skill-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;padding-block:8px;display:flex;position:relative}.skill h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;font-variation-settings:"wdth" 62;margin:0;font-size:clamp(44px,9.5vw,150px);font-weight:900;line-height:.9;transition:font-variation-settings .7s cubic-bezier(.65,0,.25,1),color .4s}.skill .tools{letter-spacing:.08em;text-transform:uppercase;color:var(--ash);text-align:right;font-size:12px;transition:color .4s}@media (hover:hover) and (pointer:fine){.skill:hover:before{clip-path:inset(0)}.skill:hover h3{font-variation-settings:"wdth" 125;color:var(--ink)}.skill:hover .tools{color:var(--ink)}}.skill:nth-child(2n) .skill-row{flex-direction:row-reverse}.skill:nth-child(2n) .tools{text-align:left}.devs{place-items:center;padding-top:clamp(64px,8vw,120px);display:grid;position:relative}.dev{grid-area:1/1;min-width:0;margin:0;position:relative}.dev:after{content:"";z-index:0;background:radial-gradient(closest-side,#000000b3,#0000);height:6%;position:absolute;bottom:-2.5%;left:6%;right:6%}.dev-img{z-index:1;pointer-events:none;-webkit-box-reflect:below 2px linear-gradient(transparent 72%,#ffffff24);width:100%;height:auto;display:block;position:relative}.scr{background:#000;position:absolute;overflow:hidden}.scr canvas,.scr video{object-fit:cover;width:100%;height:100%;display:block}.imac{width:min(960px,100%)}.tv{opacity:0;visibility:hidden;width:min(1033px,107.6%,100vw - 32px);transition:opacity .8s .55s,visibility 0s 1.4s}.imac{transition:opacity 1s .95s,filter 1.4s .95s}html.dark .tv{opacity:1;visibility:visible;transition:opacity 1.2s .7s}html.dark .imac{opacity:0;visibility:hidden;filter:brightness(.2);transition:opacity .7s .2s,filter .5s,visibility 0s .9s}html.dark .tv-scr{animation:1s .9s both crt}html.dark .im-scr{animation:.35s both off}html.waking .devs{z-index:46}html.waking .tv-scr{animation:.5s both crtoff}html.waking .im-scr{animation:1.1s 1.1s both wake}html.waking .night{transition:none;animation:1.3s .45s both relight}@keyframes crtoff{0%{filter:none;transform:none}45%{filter:brightness(3);transform:scaleY(.006)}80%{filter:brightness(5);transform:scale(.02,.006)}to{filter:brightness(5);transform:scale(0)}}@keyframes relight{0%{opacity:1}18%{opacity:.6}24%{opacity:.92}34%{opacity:.4}40%{opacity:.7}to{opacity:0}}@keyframes wake{0%{filter:brightness(0)}55%{filter:brightness(1.35)}to{filter:none}}@keyframes crt{0%{filter:brightness(4);transform:scale(.6,.004)}35%{filter:brightness(4);transform:scaleY(.004)}70%{filter:brightness(1.6);transform:scale(1)}to{filter:none;transform:none}}@keyframes off{to{filter:brightness(3);transform:scaleY(.004)}}.night{z-index:45;pointer-events:none;opacity:0;-webkit-backdrop-filter:url(#vhs)saturate(.5);backdrop-filter:url(#vhs)saturate(.5);background:repeating-linear-gradient(#0000 0 2px,#00000038 2px 3px),radial-gradient(at 50% 60%,#050505bd,#050505e0);transition:opacity 1.2s;position:fixed;inset:0}html.dark .night{opacity:1}html.dark .devs{z-index:46}.devs:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(48% 9% at 50% 94%,#eee6d624,#0000),conic-gradient(from 162deg at 50% 0,#0000,#eee6d613 7deg 29deg,#0000 36deg);width:min(1200px,150%);height:calc(100% + 30vh);transition:opacity .4s;position:absolute;bottom:-6%;left:50%;translate:-50%;-webkit-mask:linear-gradient(#0000,#000 30%);mask:linear-gradient(#0000,#000 30%)}html.dark .devs:before{opacity:1;transition:opacity 1.4s .5s;animation:7s 2s infinite flk}@keyframes flk{0%,96%,to{opacity:1}97%{opacity:.7}98%{opacity:1}99%{opacity:.82}}.cord{visibility:hidden;z-index:47;transform-origin:0 0;will-change:transform;width:0;position:fixed;top:0;left:min(50% + 520px,100% - 30px)}.cord i{width:1px;height:max(0px,var(--l,0px));background:linear-gradient(#eee6d626,#eee6d68c);position:absolute;top:0;left:-.5px}.cord button{all:unset;left:-5px;top:var(--l,0px);background:var(--bone);touch-action:none;border-radius:5px 5px 4px 4px;width:10px;height:22px;position:absolute;box-shadow:0 2px 6px #00000080}.cord button:after{content:"";position:absolute;inset:-14px -16px}html.dark .cord button{background:#6d675d}.tv-scr{width:64.5%;height:73.6%;top:10.6%;left:7.5%}.tvm{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;filter:saturate(1.3)contrast(1.12);background:#0b0a0a;outline:none;position:absolute;inset:0;overflow:hidden}.tvm:before{content:"";background:repeating-linear-gradient(-24deg,#0000 0 14px,#ff422914 14px 28px);animation:2.4s linear infinite tvs;position:absolute;inset:-40%}.tvm-st{justify-content:center;align-items:center;transition:inset .35s;display:flex;position:absolute;inset:12.5%}.tvm-st img{pointer-events:none;-webkit-user-drag:none;object-fit:contain;filter:drop-shadow(2px 2px #ff422973);max-width:100%;min-height:0;max-height:100%;animation:2.6s ease-in-out infinite bob;transform:rotate(-3deg)}.tvm-a{all:unset;border:9px solid #0000;border-width:9px 12px;width:0;height:0;transition:opacity .3s;animation:1s steps(2,end) infinite blink;position:absolute;top:calc(50% - 9px)}.tvm-a.p{border-right-color:var(--signal);border-left-width:0;left:4%}.tvm-a.n{border-left-color:var(--signal);border-right-width:0;right:4%}.tvm.full .tvm-st{inset:4%}.tvm.full .tvm-st img{filter:none;animation:none;transform:none}.tvm.full .tvm-a{opacity:0;pointer-events:none}.tvm.sw .tvm-st{animation:.24s steps(3,end) gl}@keyframes tvs{to{translate:-11.4px -25.6px}}@keyframes bob{50%{translate:0 -3%}}@keyframes gl{0%{filter:hue-rotate(120deg)brightness(1.9);transform:translate(-7%)skew(24deg)}50%{opacity:.4;transform:translate(5%)}}.tv-scr:before,.tv-scr:after,.tv-roll{content:"";pointer-events:none;position:absolute;inset:0}.tv-scr:before{z-index:1;background:repeating-linear-gradient(#0000 0 2px,#0000004d 2px 3px);animation:.12s steps(2,end) infinite tvf}.tv-scr:after{z-index:1;background:radial-gradient(#0000 50%,#000c 100%),radial-gradient(at 30% 18%,#ffffff29,#0000 45%)}.tv-roll{z-index:1;background:linear-gradient(#0000,#ffffff0f,#0000);height:22%;animation:5s linear infinite tvr;inset:auto 0 0}@keyframes tvf{50%{opacity:.82}}@keyframes tvr{0%{translate:0 -460%}to{translate:0 120%}}.im-scr{background:#0a0a0b;width:91.7%;height:61.7%;top:6.1%;left:4.1%}.ims{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 90% at 50% 0,#1d1d21,#0a0a0b 70%);outline:none;position:absolute;inset:0;overflow:hidden;container-type:size}.ims-t{height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:flex}.ims-p{opacity:.25;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3.6cqh;width:100%;height:100%;padding:6cqh 9.5cqw;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);display:flex;transform:scale(.94)}.ims-p.on{opacity:1;transform:none}.ims-l{font:400 2.6cqh/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#eee6d673}.ims-c{justify-content:center;gap:2cqw;width:100%;min-height:0;display:flex}.ims-p img{object-fit:contain;-webkit-user-drag:none;border-radius:1.2cqh;min-width:0;max-width:100%;max-height:68cqh;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 1.5cqh 4cqh #00000080}.ims-p.on img:hover{transform:translateY(-1cqh);box-shadow:0 3cqh 6cqh #0000008c}.ims-z{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;background:#0a0a0bb8;justify-content:center;align-items:center;padding:5cqh;transition:opacity .45s,visibility .45s;display:flex;position:absolute;inset:0}.ims-z img{pointer-events:none;border-radius:1.2cqh;max-width:100%;max-height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);transform:scale(.9);box-shadow:0 3cqh 8cqh #0009}.ims.zoom .ims-z{opacity:1;visibility:visible}.ims.zoom .ims-z img{transform:none}.ims.zoom .ims-a{opacity:0;pointer-events:none}.ims-p.row img{aspect-ratio:4/5;flex:1 1 0;height:auto}.ims-a{all:unset;-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);opacity:0;background:#ffffff12;border-radius:50%;width:7cqh;height:7cqh;transition:opacity .35s,transform .35s,background .2s;position:absolute;top:calc(50% - 3.5cqh);box-shadow:inset 0 0 0 1px #ffffff14}.ims-a:before{content:"";border:.3cqh solid #fffc;border-width:.3cqh .3cqh 0 0;width:1.7cqh;height:1.7cqh;margin:auto;position:absolute;inset:0;transform:translate(-18%)rotate(45deg)}.ims-a.p{left:2.6cqw}.ims-a.p:before{transform:translate(18%)rotate(-135deg)}.ims-a.n{right:2.6cqw}.ims:hover .ims-a,.ims:focus-visible .ims-a{opacity:.75}.ims-a:hover{opacity:1;background:#ffffff24}.ims-a:active{transform:scale(.92)}.ims,.ims *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15' viewBox='0 0 20 30'%3E%3Cpath d='M2 2v22l5.5-5.2 3.8 8.6 3.6-1.6-3.8-8.4H18z' fill='%23000' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 1 1,default!important}.cur{transition:opacity .2s}body:has(.ims:hover) .cur{opacity:0}@media (hover:none){.ims-a{opacity:.6}}@media (prefers-reduced-motion:reduce){.ims-t,.ims-p,.ims-p img,.ims-z,.ims-z img{transition:none}html.waking *,html.dark .tv-scr,html.dark .im-scr,html.dark .devs:before,.tv-scr:before,.tv-roll,.tvm:before,.tvm-st img,.tvm-a{animation:none}}.contact{padding-block:clamp(80px,12vw,180px) 48px}.talk{font-family:var(--display);text-transform:uppercase;letter-spacing:-.04em;font-variation-settings:"wdth" 62;margin:clamp(32px,5vw,72px) 0 0;font-size:clamp(64px,17vw,300px);font-weight:900;line-height:.8;transition:font-variation-settings .9s cubic-bezier(.65,0,.25,1),color .4s}.talk:hover,.talk.on{font-variation-settings:"wdth" 125;color:var(--signal)}.links{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;flex-wrap:nowrap;align-items:baseline;gap:12px clamp(12px,3vw,32px);margin-top:32px;font-size:clamp(10px,2.9vw,13px);display:flex}.links a{border-bottom:2px solid var(--signal);text-decoration:none;display:inline-block}.links .mail{align-items:baseline;gap:10px;display:inline-flex}.links .mail a{border:0}.links .cp{all:unset;opacity:.45;transition:opacity .2s;display:inline-flex}.links .cp svg+svg,.links .cp.ok svg{display:none}.links .cp.ok svg+svg{display:block}.links .cp:hover,.links .cp:focus-visible{opacity:1}footer{border-top:2px solid var(--bone);padding-block:12px calc(12px + env(safe-area-inset-bottom,0px));color:var(--ash);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:11px;display:flex}.sk-to{z-index:55;background:var(--ink);color:var(--bone);clip-path:circle(0 at var(--x,50%) var(--y,50%));visibility:hidden;flex-direction:column;justify-content:center;gap:28px;padding:76px 4vw 28px;transition:clip-path .7s cubic-bezier(.65,0,.25,1);display:flex;position:fixed;inset:0}.sk-to.on{clip-path:circle(150% at var(--x,50%) var(--y,50%));visibility:visible}.sk-to[data-bg=bone]{background:var(--bone);color:var(--ink)}.sk-to[data-bg=signal]{background:var(--signal);color:var(--ink)}.sk-to h4{font:400 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:16px;margin:0;display:flex;position:absolute;top:24px;left:4vw;right:calc(4vw + 100px)}.sk-to h4:after{content:"";background:currentColor;flex:1;height:1px}.sk-st{scrollbar-width:none;grid-template-columns:repeat(4,1fr);gap:14px;width:min(100%,1040px);min-height:0;margin-inline:auto;display:grid;overflow-y:auto}.sk-st img,.sk-st video{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.sk-to[data-layout=products] .sk-st{flex-wrap:wrap;place-content:safe center center;gap:0;width:min(100%,1360px);display:flex}.sk-to[data-layout=products] .sk-st>*{box-sizing:border-box;width:min(25%,50dvh - 52px);padding:0 1%}.sk-to[data-layout=products] .sk-st :is(img,video){aspect-ratio:1;object-fit:contain}.sk-to[data-layout=videos] .sk-st{width:100%;display:block;overflow:hidden}.sk-to[data-layout=videos] .sk-st>*{display:none}.sk-to[data-layout=videos] .sk-st>.on{width:min(100% - 112px,177.778dvh - 373.333px);margin-inline:auto;display:block}.sk-to[data-layout=videos] .sk-st :is(img,video){aspect-ratio:16/9;object-fit:contain;background:#000}.sk-to[data-layout=videos] .sk-c figcaption{opacity:1;text-align:center;margin-top:14px}.sk-c .ct{letter-spacing:.08em;text-transform:uppercase;font-size:12px;display:block}.sk-c .cn{opacity:.45;margin-top:6px;display:block}.sk-a{all:unset;cursor:pointer;font:300 44px/1 var(--mono);z-index:1;padding:12px;display:none;position:absolute;top:50%;transform:translateY(-50%)}.sk-a.p{left:max(2px,1vw)}.sk-a.n{right:max(2px,1vw)}.sk-to[data-multi="1"] .sk-a{display:block}.sk-c{min-width:0;margin:0}.sk-c figcaption{font:400 11px/1.4 var(--mono);letter-spacing:.04em;opacity:.4;margin-top:8px}.sk-c a{color:inherit;text-underline-offset:2px;text-decoration:underline}.sk-c a:hover{opacity:.7}@media (max-width:700px){.sk-to[data-layout=videos] .sk-st>.on{width:min(100%,177.778dvh - 444.444px)}.sk-to[data-layout=videos][data-multi="1"]{padding-bottom:72px}.sk-a{top:auto;bottom:16px;transform:none}.sk-a.p{left:calc(50% - 72px)}.sk-a.n{right:calc(50% - 72px)}.sk-st{grid-template-columns:repeat(2,1fr);gap:10px}.sk-to[data-layout=products] .sk-st>*{width:50%}}.sk-x{all:unset;letter-spacing:.1em;text-transform:uppercase;font-size:12px;line-height:12px;position:absolute;top:24px;right:4vw}nav{white-space:nowrap}@media (max-width:640px){nav{letter-spacing:.06em;font-size:11px}nav .snk[data-side=r]{font-size:10px}.skill-row,.skill:nth-child(2n) .skill-row{flex-direction:column;align-items:flex-start;gap:6px;padding-block:14px}.skill .tools,.skill:nth-child(2n) .tools{text-align:left}.skill h3{font-size:clamp(34px,10.5vw,150px)}.label{margin-top:72px}.contact{padding-block:72px 40px}.links{flex-wrap:wrap;row-gap:14px;font-size:clamp(9px,2.7vw,13px)}.links .mail{flex:0 0 100%;min-width:0}.links .mail a{overflow-wrap:anywhere}footer{letter-spacing:.04em;white-space:nowrap;flex-wrap:nowrap;gap:8px;font-size:clamp(8px,2.3vw,11px)}}.hx{height:100vh;margin-inline:calc(-1*clamp(16px,3vw,40px));position:relative;overflow:hidden}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hf{background:var(--ink)}.fl-board{align-content:center;gap:4px;display:grid;position:absolute;inset:84px 4vw}.fl{color:var(--bone);font-family:var(--display);font-variation-settings:"wdth" 75;background:#eee6d612;border-radius:3px;place-items:center;font-weight:900;line-height:1;display:grid;position:relative;overflow:hidden}.fl:after{content:"";background:var(--ink);height:2px;position:absolute;top:50%;left:0;right:0}.fl.o{color:var(--signal)}@media (max-width:640px){.hf{height:auto;padding:104px 0 84px}.hf .fl-board{margin-inline:4vw;position:relative;inset:auto}}.hx-loc{left:0;right:0;bottom:calc(30px + env(safe-area-inset-bottom,0px));text-align:center;font:400 12px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ash);margin:0;position:absolute}.hx-loc b{color:var(--bone);font-weight:700}.devs~.hx-loc{margin-top:max(96px,9vw);position:static}.fl span{display:block}.fl.go span{animation:70ms linear flp}@keyframes flp{50%{transform:scaleY(.1)}}.contact a,.contact .cp{z-index:30;position:relative}a:focus-visible,.skill:focus-visible,button:focus-visible{outline:3px solid var(--signal);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,body:after{transition:none!important;animation:none!important}}nav .langs a{color:inherit;text-decoration:none}.dev-img,.ims-p img,.ims-z img,.tvm-st img,.sk-st img,.sk-st video,.ims-p video,.ims-z video{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}