body{margin:0;padding:0;box-sizing:border-box;font-family:Jost,sans-serif;cursor:none;background-color:#fff;overflow:hidden;max-width:100vw;max-height:100vh}body a{cursor:none}@media (max-width: 768px){body{cursor:auto}}body h1,body h2,body h3,body h4,body h5,body p{margin:0}#canvas{background-color:transparent;position:fixed;top:0;left:0;width:100%;height:100%}nav{top:10%;display:flex;flex-direction:column;transition:.95s top cubic-bezier(.375,.885,.32,1.01);z-index:1000}nav a{position:relative;color:#000;font-weight:300;text-decoration:underline;transition:opacity 1s 1s cubic-bezier(.175,.885,.32,1.275);opacity:1;width:fit-content;font-size:1rem}@media (max-width: 480px){nav a{font-weight:500}}@media (max-width: 768px){nav a{font-size:.85rem}}@media (max-width: 480px){nav a{font-size:.75rem}}nav a:after{transition:none;position:absolute;width:100%;height:.1rem;background-color:#000;left:0;top:.7rem;content:"";visibility:visible;border-radius:.1vw;opacity:0}nav.home a#home{visibility:hidden}nav.home a#home:after{transition:opacity 1s;opacity:1}nav.projects a#projects{visibility:hidden}nav.projects a#projects:after{transition:opacity 1s;opacity:1}nav.about a#about{visibility:hidden}nav.about a#about:after{transition:opacity 1s;opacity:1}nav.contact a#contact{visibility:hidden}nav.contact a#contact:after{transition:opacity 1s;opacity:1}.colorSwap{bottom:10%;margin:0;padding:0;border:none;outline:none;background-color:transparent;font-family:Jost,sans-serif;text-decoration:underline;z-index:1000;transition:bottom 1.15s cubic-bezier(.375,.885,.32,1.01),transform .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);cursor:none;opacity:.65;font-weight:300;font-size:1rem}@media (max-width: 480px){.colorSwap{font-weight:500}}@media (max-width: 768px){.colorSwap{font-size:.85rem}}@media (max-width: 480px){.colorSwap{font-size:.75rem}}.colorSwap:hover{opacity:1}.colorSwap,nav{position:fixed;left:1rem}@media (max-width: 768px){.colorSwap,nav{left:.8rem}}@media (max-width: 480px){.colorSwap,nav{left:.6rem}}.wrapper{position:fixed;top:0;transition:top .75s cubic-bezier(.375,.885,.32,1.01)}.wrapper .piece{height:100vh;width:calc(100vw - 2rem);display:flex;flex-direction:column;align-items:flex-end;justify-content:center;z-index:100;position:relative;top:0;padding:0 1rem;color:#000}.wrapper .piece.home h1{text-align:end;font-weight:100;font-size:calc(2rem + 10vw);line-height:calc(2rem + 10vw)}@media (max-width: 480px){.wrapper .piece.home h1{font-weight:300}}@media (max-width: 768px){.wrapper .piece.home h1{font-size:calc(1.7rem + 10vw);line-height:calc(2rem + 10vw)}}@media (max-width: 480px){.wrapper .piece.home h1{font-size:calc(1.5rem + 10vw);line-height:calc(2rem + 10vw)}}.wrapper .piece.home h2{font-weight:100;text-align:end;font-size:calc(1rem + 1.5vw);line-height:calc(1rem + 1.5vw)}@media (max-width: 480px){.wrapper .piece.home h2{font-weight:300}}@media (max-width: 768px){.wrapper .piece.home h2{font-size:calc(.85rem + 1.5vw);line-height:calc(1rem + 1.5vw)}}@media (max-width: 480px){.wrapper .piece.home h2{font-size:calc(.75rem + 1.5vw);line-height:calc(1rem + 1.5vw)}}.wrapper .piece.projects .genre{display:flex;flex-direction:column;align-items:flex-end;margin:0 0 2vw}.wrapper .piece.projects .genre h4{text-decoration:underline;margin-bottom:.35vw;font-size:calc(.35rem + .5vw);line-height:calc(.35rem + .5vw);font-weight:300}@media (max-width: 768px){.wrapper .piece.projects .genre h4{font-size:calc(.2975rem + .5vw);line-height:calc(.35rem + .5vw)}}@media (max-width: 480px){.wrapper .piece.projects .genre h4{font-size:calc(.2625rem + .5vw);line-height:calc(.35rem + .5vw)}}.wrapper .piece.projects .genre .project{width:100%;display:flex;flex-direction:column;align-items:flex-end;margin-bottom:.75vw}.wrapper .piece.projects .genre .project a{color:#000}.wrapper .piece.projects .genre .project h1,.wrapper .piece.projects .genre .project h2{display:inline-block;width:fit-content}.wrapper .piece.projects .genre .project h1{font-size:calc(1.5rem + 1.5vw);line-height:calc(1.5rem + 1.5vw);word-wrap:break-word;text-align:end;font-family:Jost,sans-serif;font-weight:300}@media (max-width: 768px){.wrapper .piece.projects .genre .project h1{font-size:calc(1.275rem + 1.5vw);line-height:calc(1.5rem + 1.5vw)}}@media (max-width: 480px){.wrapper .piece.projects .genre .project h1{font-size:calc(1.125rem + 1.5vw);line-height:calc(1.5rem + 1.5vw)}}@media (max-width: 480px){.wrapper .piece.projects .genre .project h1{font-weight:500}}.wrapper .piece.projects .genre .project h2{word-wrap:break-word;text-align:end;font-size:calc(.5rem + .3vw);line-height:calc(.5rem + 0vw);font-weight:300}@media (max-width: 768px){.wrapper .piece.projects .genre .project h2{font-size:calc(.425rem + .3vw);line-height:calc(.5rem + 0vw)}}@media (max-width: 480px){.wrapper .piece.projects .genre .project h2{font-size:calc(.375rem + .3vw);line-height:calc(.5rem + 0vw)}}.wrapper .piece.projects .genre .project h2 span{font-size:inherit;font-family:Jost,sans-serif;font-weight:300}.wrapper .piece.projects .genre.commissions .project,.wrapper .piece.projects .genre.developer .project{margin-bottom:.5vw}.wrapper .piece.projects .genre.commissions .project h1,.wrapper .piece.projects .genre.developer .project h1{font-size:calc(.875rem + .875vw);line-height:calc(.875rem + .765625vw)}@media (max-width: 768px){.wrapper .piece.projects .genre.commissions .project h1,.wrapper .piece.projects .genre.developer .project h1{font-size:calc(.74375rem + .875vw);line-height:calc(.875rem + .765625vw)}}@media (max-width: 480px){.wrapper .piece.projects .genre.commissions .project h1,.wrapper .piece.projects .genre.developer .project h1{font-size:calc(.65625rem + .875vw);line-height:calc(.875rem + .765625vw)}}.wrapper .piece.projects .genre.commissions .project h2,.wrapper .piece.projects .genre.developer .project h2{font-size:calc(.5rem + .15vw);line-height:calc(.5rem + 0vw);margin-right:.03vw}@media (max-width: 768px){.wrapper .piece.projects .genre.commissions .project h2,.wrapper .piece.projects .genre.developer .project h2{font-size:calc(.425rem + .15vw);line-height:calc(.5rem + 0vw)}}@media (max-width: 480px){.wrapper .piece.projects .genre.commissions .project h2,.wrapper .piece.projects .genre.developer .project h2{font-size:calc(.375rem + .15vw);line-height:calc(.5rem + 0vw)}}.wrapper .piece.contact .reveal h2{font-size:calc(.8rem + 1.5vw);line-height:calc(.8rem + 1.5vw);transition:opacity .25s cubic-bezier(.47,0,.745,.715);font-weight:100}@media (max-width: 768px){.wrapper .piece.contact .reveal h2{font-size:calc(.68rem + 1.5vw);line-height:calc(.8rem + 1.5vw)}}@media (max-width: 480px){.wrapper .piece.contact .reveal h2{font-size:calc(.6rem + 1.5vw);line-height:calc(.8rem + 1.5vw)}}@media (max-width: 480px){.wrapper .piece.contact .reveal h2{font-weight:300}}.wrapper .piece.contact .reveal h2 span{font-weight:300;cursor:none}@media (max-width: 480px){.wrapper .piece.contact .reveal h2 span{font-weight:500}}.wrapper .piece.contact .reveal a{color:#000;font-weight:300;cursor:none}@media (max-width: 480px){.wrapper .piece.contact .reveal a{font-weight:500}}.cursor-dot,.cursor-dot-outline{pointer-events:none;position:absolute;top:50%;left:50%;border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out,transform .3s ease-in-out,border .1s ease-in-out;z-index:1000}@media (max-width: 768px){.cursor-dot,.cursor-dot-outline{display:none}}.cursor-dot{width:5px;height:5px;background-color:#fff;mix-blend-mode:difference;border:1px solid transparent}.cursor-dot-outline{width:1.5rem;height:1.5rem;background-color:#00000080;background-color:#fff8;border:.05rem solid transparent}.test-bg{width:100%;height:100%;filter:contrast(150%) brightness(550%);background:linear-gradient(-45deg,rgb(0,0,0),rgba(0,0,0,0)),url("data:image/svg+xml,%3Csvg viewBox='0 0 346 346' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.72' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.loading-screen{width:100vw;height:100vh;background-color:#fff;z-index:10000;position:fixed;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease;cursor:none}.loading-screen p{font-size:1rem;position:relative;font-weight:100}@media (max-width: 768px){.loading-screen p{font-size:.85rem}}@media (max-width: 480px){.loading-screen p{font-size:.75rem}}@media (max-width: 480px){.loading-screen p{font-weight:300}}.loading-screen p:before,.loading-screen p:after{content:" ";background-color:#000;height:.05rem;width:100%;position:absolute}.loading-screen p:before{top:-10%;animation:loader 2s cubic-bezier(.215,.61,.355,1) forwards}.loading-screen p:after{bottom:-10%;animation:loader 2s cubic-bezier(.215,.61,.355,1) reverse forwards}@keyframes loader{0%{right:0;left:auto;width:0%}40%{right:0;left:auto;width:100%}60%{right:auto;left:0;width:100%}to{right:auto;left:0;width:0%}}