:root{--background-color:#f2f0ee;background-color:var(--background-color);--canvas-width:500px;--canvas-height:calc(var(--canvas-width)*.78);--sun-size:400px;--arm-width:calc(var(--canvas-width)*.64);--arm-height:calc(var(--arm-width)*1.63);--hand-width:calc(var(--arm-width)*.72727);--hand-height:calc(var(--arm-height)*.68444);--sun-r:150px;--sun-cx:200;--sun-cy:200}.sun,.hand{pointer-events:none}img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hand-base{mix-blend-mode:hard-light}.canvas{width:var(--canvas-width);height:var(--canvas-height);isolation:isolate;filter:blur(.5px)grayscale();opacity:.9;border-radius:2px;transition:opacity 1s,filter 1s;position:relative;overflow:hidden}.canvas:hover{filter:blur(.5px)grayscale(0);opacity:.8;cursor:grab}.sky,.sun-detection,.glare,.suture-rays,.large-haze,.small-haze,.sun-flood-lights div,.suncessory,.flicker-rays,.stable-rays{width:var(--canvas-width);height:var(--canvas-height);z-index:12;position:absolute;top:0;left:0;overflow:visible}.dark-spot,.main-core,.blur-core{width:var(--canvas-width);height:var(--canvas-height);z-index:12;transform-origin:50%;will-change:transform,opacity;position:absolute}.flicker-rays{animation:5s linear infinite tinyRaysAnimation}@keyframes tinyRaysAnimation{0%{transform:rotate(0)}50%{transform:rotate(5deg)}to{transform:rotate(0)}}.large-haze{z-index:1;mix-blend-mode:hard-light}.small-haze{mix-blend-mode:soft-light}.glare,.suture-rays,.large-haze,.small-haze,.sun-flood-lights div,.suncessory,.flicker-rays,.stable-rays,.blur-core,.main-core,.dark-spot{justify-content:center;align-items:center;display:flex;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{width:var(--arm-width);height:var(--arm-height);transform-origin:top;position:absolute;top:0;left:0}.hand-visual{width:var(--arm-width);height:var(--arm-height);transform-origin:top;isolation:isolate;position:absolute;top:0;left:0}.left-sharp,.right-sharp,.left-broad,.right-broad{contain:paint}.left-sharp,.right-sharp,.left-broad,.right-broad,.sweater{width:var(--arm-width);height:var(--arm-height);position:absolute;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)}.left-broad,.right-broad{mix-blend-mode:plus-lighter}.flicker-rays,.stable-rays{filter:blur(2px);mix-blend-mode:plus-lighter}.flicker-ray,.ray{position:absolute}.stable-rays{animation:10s ease-in-out infinite rayAnimation}@keyframes rayAnimation{0%,to{rotate:15deg}50%{rotate:30deg}}.ray-shape{transform-origin:top;background:linear-gradient(90deg,rgba(255,170,17,0) 0%,rgba(255,170,17,.4) 10%,rgba(155,34,10,0) 100%);translate:50%}.ray-shape:after{content:"";background:radial-gradient(50% 50%,rgba(220,117,14,.45) 0%,rgba(220,117,14,.25) 45%,rgba(220,117,14,0) 100%);position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.flicker-ray-shape{transform-origin:top;background:linear-gradient(#f1be8c 0%,rgba(233,141,11,.3) 50%,rgba(233,141,11,.1) 70%,rgba(234,153,73,0) 100%);translate:0% 50%}.sky{z-index:0;background:radial-gradient(62.71% 62.71%,#3688ee 0%,#2f7bd1 100%)}.hand{z-index:2;position:relative}.stable-rays{z-index:5}.flicker-rays{z-index:6}.below{z-index:1}.dark-spot{filter:blur(2px);z-index:230;rotate:45deg}.main-core,.blur-core{z-index:1}.main-core{mix-blend-mode:plus-lighter}.suture-rays-img{transform-origin:50%;display:"block";animation:5s steps(24,end) infinite eyeRayRotation,7s ease-in-out infinite flicker}@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:none}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:none}}.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{border-radius:999px;width:23px;height:18px}.main-light{background:radial-gradient(94.02% 87.08%,rgba(255,255,255,.32) 0%,rgba(255,255,255,0) 100%),radial-gradient(circle,rgba(255,255,255,0) 70%,rgba(255,255,255,.1) 100%)}.center-light{background:radial-gradient(circle,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}.suture-rays-img,.glare-bubble{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-30,.mask-50,.mask-80,.mask-150,.mask-200{-webkit-mask-image:url(../media/SunMask.c3ba637d.png);mask-image:url(../media/SunMask.c3ba637d.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(var(--sun-cx) - var(--sun-r))calc(var(--sun-cy) - var(--sun-r));mask-position:calc(var(--sun-cx) - var(--sun-r))calc(var(--sun-cy) - var(--sun-r));-webkit-mask-size:calc(var(--sun-r)*2)calc(var(--sun-r)*2);mask-size:calc(var(--sun-r)*2)calc(var(--sun-r)*2)}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.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}}