@keyframes cellColor{0%{background-color:#ff92ff}20%{background-color:#ff92ff}40%{background-color:#00eb99}60%{background-color:#00eb99}80%{background-color:#ff92ff}to{background-color:#00eb99}}@keyframes cursorOpacity{0%{opacity:1}20%{opacity:.5}40%{opacity:.3}60%{opacity:.4}80%{opacity:.7}to{opacity:.9}}.cursor{animation:cursorOpacity 3s ease infinite;mix-blend-mode:exclusion;position:fixed}.cursor__grid{display:grid;filter:url(#filterCursor);grid-template-columns:repeat(var(--618412f1),1fr);grid-template-rows:repeat(var(--bb1e0176),1fr);height:100%;left:0;max-height:100vh;max-width:100vw;position:fixed;top:0;width:100%;z-index:2000}.cursor__cell{--alpha:.3;animation:cellColor 5s ease infinite;opacity:0}.marquee{align-items:center;display:flex;left:0;overflow-x:hidden;position:relative;position:fixed;top:0}.marquee--vertical{transform:rotate(-90deg)}.marquee__wrapper{margin:0;padding:0;position:relative;white-space:nowrap;will-change:transform}.marquee__text{display:inline-block;margin-right:2rem;padding:0}.grid__screen--0{align-items:center;display:flex;justify-content:center}.about-marquee{cursor:pointer;display:flex;font-size:calc(var(--grid-text-size)*.5);height:100%;position:absolute;width:100%}@media only screen and (orientation:portrait){.about-marquee .marquee{left:-12vw;max-height:18vw;min-width:30vh;top:8vh}}.about-marquee:hover .marquee__text{text-shadow:-1px -1px 0 var(--color-primary-rgb-70),1px -1px 0 var(--color-primary-rgb-70),-1px 1px 0 var(--color-primary-rgb-70),1px 1px 0 var(--color-primary-rgb-70)}.about-marquee__info{background:var(--color-dark);color:var(--color-light);font-size:calc(var(--grid-text-size)*.8);font-weight:700;max-height:50vh;padding:1rem;text-align:right;text-align:justify;width:100%}.about-marquee__info:hover{background:var(--color-secondary-rgb-10)}@media only screen and (orientation:portrait){.about-marquee__info{font-size:calc(var(--grid-text-size)*1)}}.about-marquee .slider{opacity:.15}.about-marquee:hover .about-marquee__text{font-size:min(6vw,6rem);font-weight:700}.about-marquee .marquee{color:var(--color-light);cursor:pointer;font-size:var(--marquee-size);font-weight:500;height:auto;overflow:hidden;position:relative;width:100%;z-index:20}@media only screen and (orientation:portrait){.about-marquee .marquee{transform:rotate(-90deg)}}@media only screen and (min-height:768px){.about-marquee .marquee{color:var(--color-light)}}.about-marquee .marquee:before{border:1px solid var(--color-text);content:"";height:.25rem;left:0;position:absolute;top:0;width:0}.about-marquee .marquee__text{color:var(--color-dark);font-kerning:none;font-size:var(--marquee-size);font-weight:800;text-shadow:-1px -1px 0 var(--color-primary-rgb-70),1px -1px 0 var(--color-primary-rgb-70),-1px 1px 0 var(--color-primary-rgb-70),1px 1px 0 var(--color-primary-rgb-70);transition:text-shadow .5s ease-in-out}@media only screen and (orientation:portrait){.about-marquee .marquee__text{font-weight:400;margin:0}}@media only screen and (min-height:1024px){.about-marquee .marquee__text{text-shadow:-1px -1px 0 var(--color-primary-rgb-30),1px -1px 0 var(--color-primary-rgb-30),-1px 1px 0 var(--color-primary-rgb-30),1px 1px 0 var(--color-primary-rgb-30)}}.chars-screen{cursor:pointer;height:100%;left:0;position:absolute;top:0;visibility:visible;width:100%;z-index:10}.chars-screen--overing .chars-screen__p5{filter:none;opacity:1}.chars-screen--overing .chars-screen__image{opacity:0}.chars-screen__p5{filter:saturate(.5);height:100%;left:0;opacity:.15;position:absolute;top:0;transition:filter .3s ease,opacity .3s ease;width:100%}.chars-screen__p5 canvas{position:relative;z-index:1}.chars-screen__image{height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity 1s ease-in-out;visibility:visible;width:100%;z-index:2}.chars-screen__image img{filter:grayscale(100%) blur(.5px);height:100%;mix-blend-mode:scremultiplyen;-o-object-fit:cover;object-fit:cover;opacity:.3;width:100%}.chars-screen[data-project-id="1"] img{filter:grayscale(100%) blur(1px)}.chars-screen[data-project-id="2"] img{filter:grayscale(100%) blur(1.6px)}.chars-screen[data-project-id="3"] img{filter:brightness(77%) contrast(1) blur(1.6px)}.chars-screen[data-project-id="5"] img{filter:brightness(77%) contrast(1) blur(1.2px)}.project .chars-screen{-webkit-clip-path:none;clip-path:none;overflow:visible;pointer-events:none}.project .chars-screen__p5{opacity:var(--069566c3)}.project .chars-screen__image{animation:fadeInImage 1s ease-in-out 1s forwards;opacity:0;position:fixed;z-index:-1}.project .chars-screen__image img{opacity:.1}.project .chars-screen[data-project-id="2"] img{opacity:.05}.project .chars-screen[data-project-id="3"] img{opacity:.065}@keyframes fadeInImage{0%{opacity:0}to{opacity:1}}@keyframes blury{0%{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:rgba(26,26,26,.5)}to{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:rgba(26,26,26,.5)}}@keyframes aboutText{0%{font-size:min(4vw,4rem);font-weight:500}to{font-size:min(6vw,6rem);font-weight:700}}:root{--grid-gap:.5rem;--grid-margin:.75rem;--grid-area-padding:.75rem;--stack-font-size:.75rem;--bw-width:.125rem}@media only screen and (min-width:768px){:root{--bw-width:.15rem;--grid-gap:.5rem;--grid-margin:1rem}}@media only screen and (min-width:1024px){:root{--bw-width:.2rem;--grid-gap:1rem;--grid-margin:1.5rem;--grid-area-padding:1.5rem}}@media only screen and (min-width:1280px){:root{--bw-width:.25rem;--stack-font-size:1rem}}@media only screen and (min-width:1366px){:root{--grid-gap:1.5rem;--grid-margin:2rem;--grid-area-padding:2rem}}@keyframes gradient{0%{--angle:22deg;background-position:0 50%}50%{--angle:180deg;background-position:100% 50%}to{--angle:22deg;background-position:0 50%}}@property --angle{syntax:"<angle>";inherits:false;initial-value:22deg}@property --length{syntax:"<length>";inherits:false;initial-value:.00085px}@keyframes noise{to{--length:.0009px}}@keyframes opacityNoise{50%{opacity:.1}to{opacity:.15}}@keyframes glitch-anim-1{0%,to{-webkit-clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);opacity:1;transform:translate3d(var(--gap-horizontal),0,0) scale3d(-1,-1,1)}20%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%);clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}30%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%);clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}40%{-webkit-clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%);clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}50%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}55%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}60%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}65%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}70%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}80%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}85%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 65%,0 65%);clip-path:polygon(0 60%,100% 60%,100% 65%,0 65%)}95%{-webkit-clip-path:polygon(0 72%,100% 72%,100% 78%,0 78%);clip-path:polygon(0 72%,100% 72%,100% 78%,0 78%)}}@keyframes glitch-anim-2{0%,to{-webkit-clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%);clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%);opacity:1;transform:translate3d(calc(var(--gap-horizontal)*-1),0,0)}10%{-webkit-clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%);clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}15%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%);clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}17%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}19%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%);clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}33%{-webkit-clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%);clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}35%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}40%{-webkit-clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%);clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}45%{-webkit-clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%);clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}49%{-webkit-clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}50%{-webkit-clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%);clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}55%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 35%,0 35%);clip-path:polygon(0 15%,100% 15%,100% 35%,0 35%)}60%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%);clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}70%{-webkit-clip-path:polygon(0 65%,100% 65%,100% 60%,0 60%);clip-path:polygon(0 65%,100% 65%,100% 60%,0 60%)}80%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 85%,0 85%);clip-path:polygon(0 80%,100% 80%,100% 85%,0 85%)}90%{-webkit-clip-path:polygon(0 55%,100% 55%,100% 65%,0 65%);clip-path:polygon(0 55%,100% 55%,100% 65%,0 65%)}}@keyframes glitch-anim-3{0%,to{-webkit-clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%);clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%);opacity:1;transform:translate3d(0,calc(var(--gap-vertical)*-1),0) scale3d(-1,-1,1)}5%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%);clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%)}11%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%);clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%)}20%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}25%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%);clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%)}35%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%);clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%)}42%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%);clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%)}48%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%);clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%)}50%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}56%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%);clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%)}61%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%);clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%)}68%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%);clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%)}72%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%);clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%)}77%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%);clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%)}81%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%);clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%)}86%{-webkit-clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%);clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%)}90%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}92%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%);clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%)}94%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%);clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%)}}@keyframes glitch-anim-text{0%,to{-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);transform:translate3d(2px,-2px,0) scale3d(-1,-1,1)}20%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}41%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}52%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}61%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}75%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}80%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}96%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}}@keyframes text-glitching{0%,to{-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);transform:translate3d(2px,-2px,0)}20%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}41%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}52%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}61%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}75%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}80%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}96%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}}@keyframes text-glitching-vertical{0%,to{-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);transform:translate3d(2px,-2px,0)}20%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}41%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}52%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}61%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}75%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}80%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}96%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}}@keyframes glitch-anim-flash{0%,5%{opacity:.2;transform:translate3d(var(--gap-horizontal),var(--gap-vertical),0)}5.5%,to{opacity:0;transform:translateZ(0)}}.grid,.project{pointer-events:all;z-index:11}.grid--noactive,.project--noactive{pointer-events:none;z-index:0}