:root{--background-color:#f2f0ee;background-color:var(--background-color);--canvas-width:500px;--canvas-height:calc(var(--canvas-width) * 0.78);--sun-size:400px;--arm-width:calc(var(--canvas-width) * 0.64);--arm-height:calc(var(--arm-width) * 1.63);--hand-width:calc(var(--arm-width) * 0.72727);--hand-height:calc(var(--arm-height) * 0.68444);--sun-r:150px;--sun-cx:200;--sun-cy:200}.hand,.sun{pointer-events:none}img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hand-base{mix-blend-mode:hard-light}.canvas{width:var(--canvas-width);height:var(--canvas-height);position:relative;overflow:hidden;border-radius:2px;isolation:isolate;filter:blur(.5px) grayscale(1);opacity:.9;transition:opacity 1s ease,filter 1s ease}.canvas:hover{filter:blur(.5px) grayscale(0);opacity:.8;cursor:grab}.flicker-rays,.glare,.large-haze,.sky,.small-haze,.stable-rays,.sun-detection,.sun-flood-lights div,.suncessory,.suture-rays{width:var(--canvas-width);height:var(--canvas-height);position:absolute;top:0;left:0;overflow:visible;z-index:12}.blur-core,.dark-spot,.main-core{width:var(--canvas-width);height:var(--canvas-height);position:absolute;z-index:12;transform-origin:center center;will-change:transform,opacity}.flicker-rays{animation:tinyRaysAnimation 5s linear infinite}@keyframes tinyRaysAnimation{0%{transform:rotate(0deg)}50%{transform:rotate(5deg)}to{transform:rotate(0deg)}}.large-haze{z-index:1;mix-blend-mode:hard-light}.small-haze{mix-blend-mode:soft-light}.blur-core,.dark-spot,.flicker-rays,.glare,.large-haze,.main-core,.small-haze,.stable-rays,.sun-flood-lights div,.suncessory,.suture-rays{display:flex;justify-content:center;align-items:center;overflow:visible}.sun-flood-lights div{mix-blend-mode:plus-lighter;z-index:13}@keyframes grain{0%{transform:translate(0)}2%{transform:translate(7%,-5%)}4%{transform:translate(-9%,2%)}6%{transform:translate(3%,10%)}8%{transform:translate(-6%,-4%)}10%{transform:translate(5%,7%)}12%{transform:translate(-10%,-2%)}14%{transform:translate(2%,4%)}16%{transform:translate(11%,-6%)}18%{transform:translate(-4%,8%)}20%{transform:translate(8%,-7%)}22%{transform:translate(-2%,11%)}24%{transform:translate(4%,-1%)}26%{transform:translate(-7%,5%)}28%{transform:translate(9%,-8%)}30%{transform:translate(-4%,11%)}32%{transform:translate(6%,-9%)}34%{transform:translate(-3%,7%)}36%{transform:translate(10%,-5%)}38%{transform:translate(-8%,4%)}40%{transform:translate(5%,-11%)}42%{transform:translate(-7%,2%)}44%{transform:translate(3%,9%)}46%{transform:translate(-10%,-6%)}48%{transform:translate(8%,5%)}50%{transform:translate(-1%,-11%)}52%{transform:translate(6%,4%)}54%{transform:translate(-9%,7%)}56%{transform:translate(2%,-5%)}58%{transform:translate(10%,6%)}60%{transform:translate(-5%,-9%)}62%{transform:translate(3%,11%)}64%{transform:translate(-10%,-2%)}66%{transform:translate(7%,3%)}68%{transform:translate(-2%,-10%)}70%{transform:translate(9%,6%)}72%{transform:translate(-6%,-4%)}74%{transform:translate(5%,8%)}76%{transform:translate(-8%,-2%)}78%{transform:translate(11%,4%)}80%{transform:translate(-4%,-7%)}82%{transform:translate(2%,10%)}84%{transform:translate(-7%,-6%)}86%{transform:translate(8%,4%)}88%{transform:translate(-3%,-11%)}90%{transform:translate(9%,5%)}92%{transform:translate(-5%,8%)}94%{transform:translate(4%,-6%)}96%{transform:translate(-9%,3%)}98%{transform:translate(6%,-4%)}to{transform:translate(0)}}.hand-detection,.hand-visual{width:var(--arm-width);height:var(--arm-height);position:absolute;top:0;left:0;transform-origin:top}.hand-visual{isolation:isolate}.left-broad,.left-sharp,.right-broad,.right-sharp{contain:paint}.left-broad,.left-sharp,.right-broad,.right-sharp,.sweater{position:absolute;width:var(--arm-width);height:var(--arm-height);top:0;left:0}.hand-visual img{position:absolute;top:0;left:0}.hand-back img,.hand-front img{width:var(--hand-width);height:var(--hand-height)}.hand-flesh{filter:contrast(1.2)}.sweater{width:var(--arm-width);height:var(--arm-height)}.flicker-rays,.left-broad,.right-broad,.stable-rays{mix-blend-mode:plus-lighter}.flicker-rays,.stable-rays{filter:blur(2px)}.flicker-ray,.ray{position:absolute}.stable-rays{animation:rayAnimation 10s ease-in-out infinite}@keyframes rayAnimation{0%,to{rotate:15deg}50%{rotate:30deg}}.ray-shape{background:linear-gradient(90deg,rgb(255,170,17,0),rgb(255,170,17,.4) 10%,rgba(155,34,10,0));translate:50% 0;transform-origin:top}.ray-shape:after{content:"";position:absolute;inset:-4px;background:radial-gradient(50% 50% at 50% 50%,rgba(220,117,14,.45) 0,rgba(220,117,14,.25) 45%,rgba(220,117,14,0) 100%)}.flicker-ray-shape{background:linear-gradient(0deg,rgb(234,153,73,0),rgb(233,141,11,.1) 30%,rgb(233,141,11,.3) 50%,rgb(241,190,140));translate:0 50%;transform-origin:top}.sky{z-index:0;background:radial-gradient(62.71% 62.71% at 50% 50%,rgb(54,136,238) 0,#2f7bd1 100%)}.hand{position:relative;z-index:2}.stable-rays{z-index:5}.flicker-rays{z-index:6}.below{z-index:1}.dark-spot{filter:blur(2px);z-index:230;rotate:45deg}.blur-core,.main-core{z-index:1}.main-core{mix-blend-mode:plus-lighter}.suture-rays-img{animation:eyeRayRotation 5s steps(24) infinite,flicker 7s ease-in-out infinite;transform-origin:center center;display:"block"}@keyframes flicker{0%{opacity:.85}12%{opacity:.9}23%{opacity:.82}38%{opacity:.9}52%{opacity:.86}68%{opacity:.88}79%{opacity:.8}to{opacity:.95}}@keyframes eyeRayRotation{0%{rotate:0deg}4%{rotate:28deg}8%{rotate:-22deg}12%{rotate:75deg}16%{rotate:-40deg}20%{rotate:130deg}24%{rotate:-10deg}28%{rotate:200deg}32%{rotate:-90deg}36%{rotate:45deg}40%{rotate:-150deg}44%{rotate:90deg}48%{rotate:-75deg}52%{rotate:120deg}56%{rotate:-130deg}60%{rotate:60deg}64%{rotate:-5deg}68%{rotate:180deg}72%{rotate:-60deg}76%{rotate:95deg}80%{rotate:-35deg}88%{rotate:160deg}94%{rotate:-110deg}to{rotate:0deg}}.plus-lighter{mix-blend-mode:plus-lighter}.soft-light{mix-blend-mode:soft-light}.hard-light{mix-blend-mode:hard-light}.screen{mix-blend-mode:screen}.lighten{mix-blend-mode:color-dodge}.color-burn{mix-blend-mode:color-burn}.color{mix-blend-mode:color}.glare{mix-blend-mode:hard-light}.glare-bubble{width:23px;height:18px;border-radius:999px}.main-light{background:radial-gradient(94.02% 87.08% at 50% 50%,rgba(255,255,255,.32) 0,rgba(255,255,255,0) 100%);background:radial-gradient(94.02% 87.08% at 50% 50%,rgba(255,255,255,.32) 0,rgba(255,255,255,0) 100%),radial-gradient(circle at 50% 50%,rgba(255,255,255,0) 70%,rgba(255,255,255,.1) 100%)}.center-light{background:radial-gradient(circle at 50% 50%,rgba(255,191,95,.5) 0,rgba(255,194,102,.1) 6.83%,rgba(255,194,102,0) 13.83%);rotate:-45deg}.hand{will-change:transform}.suture-rays{mix-blend-mode:screen}.glare-bubble,.suture-rays-img{will-change:transform,opacity}.mask-15{--sun-r:15px}.mask-30{--sun-r:52px}.mask-50{--sun-r:87px}.mask-80{--sun-r:140px}.mask-150{--sun-r:260px}.mask-200{--sun-r:346px}.mask-15,.mask-150,.mask-200,.mask-30,.mask-50,.mask-80{-webkit-mask-image:url(/_next/static/media/SunMask.b3d4f161.png);mask-image:url(/_next/static/media/SunMask.b3d4f161.png);mask-repeat:no-repeat;mask-position:calc(var(--sun-cx) - var(--sun-r)) calc(var(--sun-cy) - var(--sun-r));mask-size:calc(var(--sun-r) * 2) calc(var(--sun-r) * 2)}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.flicker-rays,.suture-rays-img{animation:none}.suture-rays-img{opacity:.6}.canvas{pointer-events:none}}.sweater .sweater-fuzz{z-index:-1}[aria-hidden=true] *{pointer-events:none}.project-canvas-wrapper{margin-top:92px;margin-bottom:92px}.project-canvas canvas{border-radius:2px}.project-desc{width:500px}@media screen and (max-width:580px){.project-canvas{width:90%}.project-desc{width:340px}.project-canvas-wrapper{margin-top:60px;margin-bottom:60px}}