*,::after,::before{margin:0;padding:0;box-sizing:border-box}::-moz-selection{background:var(--color-5);color:var(--color-4)}::selection{background:var(--color-5);color:var(--color-4)}ol,ul{list-style:none}.lp-icon-set object,img{max-width:100%;height:auto}.c-scrollbar_thumb{background-color:var(--color-3)!important}:root{--font-family-title:'Roboto',sans-serif;--font-family-text:'Montserrat',sans-serif;--fs-xxl:19vw;--fs-xl:clamp(3.125rem, 12vw, 9.375rem);--fs-l:clamp(1.875rem, 5.5vw, 3.750rem);--fs-m:clamp(1.125rem, 3.2vw, 1.875rem);--fs-s:clamp(0.875rem, 2.8vw, 1.125rem);--fs-xs:clamp(0.625rem, 2vw, 0.750rem);--fw-bold:700;--fw-normal:400;--fw-light:300;--color-1:rgb(5, 0, 255);--color-2:rgb(255, 0, 66);--color-3:rgb(155, 170, 255);--color-4:rgb(0, 0, 10);--color-5:rgb(255, 255, 255);--color-6:rgb(0, 0, 0);--sections-gap:14vw;--side-gap:3.125vw}html{font-size:16px;background-color:var(--color-6)}body{font:1rem/1.5 var(--font-family-text);color:var(--color-5);background-color:var(--color-6);width:100vw;height:100vh;overflow:hidden;position:relative}.flex-col,.flex-row{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.va-c{align-items:center}.hidden{display:none}.hide{opacity:0!important}.mt--60{margin-top:-60px}.bold{font-weight:var(--fw-bold)}.fs-xxl{font-size:var(--fs-xxl)}.fs-xl{font-size:var(--fs-xl)}.fs-l{font-size:var(--fs-l)}.fs-m{font-size:var(--fs-m)}.fs-s,.text-small{font-size:var(--fs-s)}.fs-xs,.text-xsmall{font-size:var(--fs-xs)}.welcome-text-decor,h1,h2{font-size:var(--fs-xxl);font-family:var(--font-family-title);font-weight:var(--fw-light);transition:all .65s ease-out}.ta-c{text-align:center}a{color:var(--color-5);text-decoration:none}a:hover,a:hover hr{color:var(--color-5);opacity:1}p{font-size:var(--fs-m);font-family:var(--font-family-text)}.noise{background:url(../img/noise.gif) repeat;width:100vw;height:100vh;position:fixed;pointer-events:none;opacity:.05;z-index:20;top:0;left:0;display:none}.overlap{width:100vw;height:100vh;position:fixed;top:0;background-color:#fff;pointer-events:all;z-index:100;transition:top .5s cubic-bezier(1,0,1,1);mix-blend-mode:difference}.is-loaded .overlap{top:-100vh}.loading .scroll-txt,.loading>span{text-transform:uppercase;display:inline-block;text-align:center;width:100%;position:absolute;top:calc((92vh - 63%)*3);letter-spacing:2px;margin-right:-2px;opacity:.5}.loading>span{transition:top .3s ease-in-out .3s,opacity .3s ease-in-out .3s}.loading .scroll-txt{letter-spacing:-7px;top:110vh;opacity:.25;transition:top .8s cubic-bezier(0,1.05,0,1) .4s,opacity .8s ease-out .4s,letter-spacing .8s cubic-bezier(0,1.05,0,1) .4s,transform .3s ease-in}.is-loaded .loading>span{top:-10vh;opacity:.5}.is-loaded .loading .scroll-txt{top:calc((92vh - 63%)*3);opacity:.7;letter-spacing:2px;color:var(--color-3)}.hide-scroll-txt{opacity:0!important;transform:scale(.8)}.is-loaded .loading>a:hover span{opacity:1}.loading{position:relative;height:100vh;overflow:hidden}.logo-wrapper{position:absolute;left:50%;top:calc((92vh - 85%)*3)}#logo{position:absolute;width:0;height:0;overflow:hidden}.logo{max-height:132px;width:155px}.loading .logo{position:absolute;left:50%;top:0;z-index:2;transition:top ease-out 1s,translateY .3s linear,opacity .3s linear;will-change:top,transform,opacity;-webkit-transition:top ease-out 1s,translateY .3s linear,opacity .3s linear;-moz-transition:top ease-out 1s,translateY .3s linear,opacity .3s linear;-ms-transition:top ease-out 1s,translateY .3s linear,opacity .3s linear;-o-transition:top ease-out 1s,translateY .3s linear,opacity .3s linear;transform:translate(-57%,calc((10vw + 10vh)/ 2));-webkit-transform:translate(-57%,calc((10vw + 10vh)/ 2));-moz-transform:translate(-57%,calc((10vw + 10vh)/ 2));-ms-transform:translate(-57%,calc((10vw + 10vh)/ 2));-o-transform:translate(-57%,calc((10vw + 10vh)/ 2))}.load .logo{top:30vh}.st0,.st1,.st2{fill:url(#logo-gradient1);transform-origin:center bottom;transition:transform .5s cubic-bezier(.47,1.64,.41,.8)}.st3,.st4{fill:url(#logo-gradient2);transform-origin:center bottom}.m-red{transform-origin:15% 0}@-webkit-keyframes m-blue-dance-1{from{transform:scaleY(1)}50%{transform:scaleY(1.25)}to{transform:scaleY(1)}}@keyframes m-blue-dance-1{from{transform:scaleY(1)}50%{transform:scaleY(1.25)}to{transform:scaleY(1)}}@-webkit-keyframes m-red-rotate{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes m-red-rotate{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}.logo .st1,.logo .st2,.logo:hover .st1,.logo:hover .st2{-webkit-animation:m-blue-dance-1 .9s ease-in-out infinite;animation:m-blue-dance-1 .9s ease-in-out infinite}.logo .st2,.logo:hover .st2{-webkit-animation-delay:.45s;animation-delay:.45s}.logo .m-red,.logo:hover .m-red{-webkit-animation:m-red-rotate .9s linear infinite;animation:m-red-rotate .9s linear infinite}.scroll-guide{width:4px;transform:translate(0,calc((20vw - 30vh)/ 2));-webkit-transform:translate(0,calc((20vw - 30vh)/ 2));-moz-transform:translate(0,calc((20vw - 30vh)/ 2));-ms-transform:translate(0,calc((20vw - 30vh)/ 2));-o-transform:translate(0,calc((20vw - 30vh)/ 2));position:absolute;left:50%;top:60vh;opacity:0}.is-loaded .scroll-guide{animation:scroll-guide-opacity .3s cubic-bezier(0,.99,.85,1.01) forwards .45s;-webkit-animation:scroll-guide-opacity .3s cubic-bezier(0,.99,.85,1.01) forwards .45s}.scroll-guide span{animation:loading-guide-rotate 5s linear infinite,scroll-guide-opacity 5s cubic-bezier(0,.99,.85,1.01) forwards;-webkit-animation:loading-guide-rotate 5s linear infinite,scroll-guide-opacity 5s cubic-bezier(0,.99,.85,1.01) forwards;margin:1.875rem 0;width:4px;height:4px;background-color:rgba(var(--color-2),.75);border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;box-shadow:0 0 30px rgb(30,30,255,1)}@-webkit-keyframes loading-guide-rotate{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);background-color:var(--color-2)}50%{background-color:var(--color-1)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);background-color:var(--color-3)}}@keyframes loading-guide-rotate{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);background-color:var(--color-2)}50%{background-color:var(--color-1)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);background-color:var(--color-3)}}@-webkit-keyframes scroll-guide-opacity{from{opacity:0}to{opacity:1}}@keyframes scroll-guide-opacity{from{opacity:0}to{opacity:1}}.scroll-guide span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.scroll-guide span:nth-child(1){-webkit-animation-delay:.35s;animation-delay:.35s}.loadeng-scroll .logo,.loadeng-scroll .scroll-guide{transform:translate(-62%,-400px);-webkit-transform:translate(-62%,-400px);-moz-transform:translate(-62%,-400px);-ms-transform:translate(-62%,-400px);-o-transform:translate(-62%,-400px);opacity:0}.mm-welcome-page{margin:var(--side-gap) var(--side-gap) 40vh;justify-content:space-between;display:grid;grid-template-columns:1fr auto}.mm-welcome-video,.text-small{position:relative}.mm-welcome-video video{-o-object-fit:cover;object-fit:cover;mix-blend-mode:difference;position:absolute;right:0;opacity:0;transition:opacity .3s linear}.is-inview.mm-welcome-video video{opacity:1}.mm-welcome-text-wrapper{position:relative;mix-blend-mode:difference;z-index:2}.mm-welcome-heading{position:relative;font:var(--fw-normal) var(--fs-xl)/.8 var(--font-family-title);text-transform:uppercase}.welcome-text-decor{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-size:cover;background-position-x:-38vw;background-position-y:-260px;position:absolute;top:0;left:0;font-weight:var(--fw-normal);transition:background-position-y 3s cubic-bezier(0,1,.8,1) .1s,background-position-x 3s cubic-bezier(0,1,.8,1) .1s;opacity:.7;display:none}.mm-welcome-links{white-space:nowrap;max-width:calc(100vw - calc(2 * (var(--side-gap))));padding:var(--side-gap);position:relative;gap:var(--side-gap)}.mm-welcome-links a{text-transform:uppercase;font:var(--fw-bold) var(--fs-m) var(--font-family-text);position:relative}.link-overflow{overflow:hidden;max-width:calc(100vw - calc(4*(var(--side-gap))));display:inline-block}.link-overflow span{opacity:0;letter-spacing:12vw;will-change:letter-spacing;transition:opacity .4s cubic-bezier(.32,.94,.6,1) .2s,letter-spacing .6s cubic-bezier(.32,.94,.6,1) .1s}.mm-welcome-links.is-inview .link-overflow span{letter-spacing:1px;opacity:1}.link-stroke{position:absolute;z-index:10;width:246px;height:80px;pointer-events:none;top:-25px;left:-33px;stroke:#fff;stroke-width:2px;stroke-dasharray:0 1440;transition:stroke-dasharray .6s ease-out .5s;z-index:-1}.mm-welcome-links.is-inview .link-stroke{stroke-dasharray:710 1440}.contact-stroke{width:80px;height:70px;fill:none;stroke-width:3px;stroke:#fff}.contact-stroke path:first-child{stroke-dasharray:0 230;transition:stroke-dasharray .4s ease-out}.contact-stroke path:last-child{stroke-dasharray:0 514;transition:stroke-dasharray .5s ease-out}.mm-welcome-links.is-inview .contact-stroke path:first-child{stroke-dasharray:100 124;transition-delay:1s}.mm-welcome-links.is-inview .contact-stroke path:last-child{stroke-dasharray:266 300;transition-delay:1.4s}.page-section{padding:70vh var(--side-gap) 0}.sticky-content{padding:10vh;grid-row:1/2;position:absolute;z-index:999}.mm-section-heading{position:absolute;font:var(--fw-normal) var(--fs-xl)/.8 var(--font-family-title);text-transform:uppercase;left:calc(20.3125vw + var(--side-gap));top:15rem;opacity:0;transition:opacity .5s ease-out .4,letter-spacing .3s ease-out .4s;pointer-events:none;will-change:opacity,top,letter-spacing}.is-inview .mm-section-heading{top:7.5rem;opacity:1;letter-spacing:.1px;transition:opacity .5s ease-out .25s,top .5s ease-out .25s}.is-inview .is-inview.mm-section-heading{opacity:.185}.mm-projects-nav{position:absolute;z-index:2;left:var(--side-gap);top:7.5rem;display:grid;grid-gap:10%}.mm-projects-nav li{opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transition:transform .2s ease-out,opacity .3s ease-out;-webkit-transition:transform .2s ease-out,opacity .3s ease-out;-moz-transition:transform .2s ease-out,opacity .3s ease-out;-ms-transition:transform .2s ease-out,opacity .3s ease-out;-o-transition:transform .2s ease-out,opacity .3s ease-out;will-change:opacity,transform}.mm-projects-nav.is-inview li{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);opacity:1}.mm-projects-nav li:nth-child(2){transition-delay:.1s}.mm-projects-nav li:nth-child(3){transition-delay:.2s}.mm-projects-nav li:nth-child(4){transition-delay:.3s}.mm-projects-nav li a:hover,.mm-projects-nav li.active a{opacity:1}.mm-projects-nav-btn a{font:var(--fw-normal) var(--fs-m) var(--font-family-text);text-decoration:none;opacity:.6}.scroll-container{display:grid;grid-template-rows:auto;grid-row-gap:15rem;margin-left:20.3125vw}.scroll-container-row_spacer-top{height:2.5rem}.scroll-container-category{position:relative;z-index:1;grid-gap:5vw}.scroll-container-category.is-inview{opacity:1}.scroll-container-row{position:relative}.scroll-container-row:hover{z-index:10}.scroll-container-row a{display:inline-grid;grid-template-rows:repeat(2,auto);grid-template-columns:fit-content(180px) 1fr fit-content(100px);grid-gap:1vw 2vw;align-items:center;text-decoration:none;mix-blend-mode:difference}.scroll-container-title{font:var(--fw-light) var(--fs-xl)/1 var(--font-family-title);grid-column:1/4;grid-row:1}.scroll-container-row span{font:var(--fw-normal) var(--fs-m) var(--font-family-text);grid-row:2;grid-column:1;white-space:nowrap}.scroll-container-row span:last-child{grid-column:3}.scroll-container-category hr{mix-blend-mode:hard-light;opacity:.75;grid-column:2;width:1px;height:1px;background-color:var(--color-5);border:none;transition:width 2s ease-out;-webkit-transition:width 2s ease-out;-moz-transition:width 2s ease-out;-ms-transition:width 2s ease-out;-o-transition:width 2s ease-out;will-change:width}.scroll-container-category hr.is-inview{width:100%}.plg-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:4vw}.plg-wrapper div{background-color:var(--color-6);height:200px;border:1px solid var(--color-5);position:relative}.plg-wrapper div::before{content:"";position:absolute;width:100%;height:1px;transform-origin:center;transform:rotate(33deg);background-color:var(--color-5);top:50%;left:0}.hover-cover{transition:transform 1s cubic-bezier(0,1,1,1),opacity .5s cubic-bezier(0,1,1,1);position:absolute;opacity:0;visibility:hidden;pointer-events:none;z-index:1}.hover-cover.show{opacity:1;visibility:visible}.fade-in{opacity:0;transform:translateY(2.5rem);transition:opacity .5s ease-out .01s,transform .5s ease-out .01s;will-change:opacity,transform}.fade-in-delay-02{transition-delay:.2s,.2s}.fade-in-delay-03{transition-delay:.3s,.3s}.fade-in-delay-04{transition-delay:.4s,.4s}.fade-in-delay-05{transition-delay:.5s,.5s}.is-inview .fade-in,.is-inview.fade-in{opacity:1;transform:translateY(0)}.about-me-section,.contacts-section{position:relative;width:100vw;border-top:1px solid;background-color:var(--color-6)}.about-me-content{padding:calc(7.5rem + var(--side-gap)) 20.3125vw 20.3125vw}.about-me-content .text-small{width:50%}.contact-me-content{padding:calc(7.5rem + var(--side-gap)) 0 7.5rem 20.3125vw;gap:3.125rem}.back-btn{width:35px;height:35px;grid-area:button;grid-row:1;align-self:center;justify-self:end;opacity:0;transition:opacity .5s ease-out;position:relative;display:flex;align-items:center;text-decoration:none;font-size:var(--fs-s)}.back-btn div{position:relative;width:2.188rem;height:2.188rem;display:flex;align-items:center}.back-btn div::after,.back-btn div::before{content:"";position:absolute}.back-btn div::before{width:100%;height:100%;border:1px solid var(--color-5);border-width:1px 1px 0 0;transform-origin:center center;transform:rotate(-135deg);left:0;transition:left .3s ease;will-change:left}.back-btn div::after{background-color:var(--color-4);height:1px;width:0%;left:-160%;opacity:0;transform-origin:left center;transition:width .3s ease;will-change:opacity,width}.back-btn span{opacity:0;transition:opacity .3s ease;will-change:opacity}.back-btn:hover span{opacity:1}.back-btn i{position:absolute;width:100%;height:100%;left:0}.is-inview .back-btn:not(.back-to-top){opacity:1}.back-to-top,.resume{opacity:0;position:absolute;top:7.5rem;left:calc(var(--side-gap)*2)}.resume{left:calc(var(--side-gap)*4);font-size:var(--fs-m);transition:opacity .5s ease-out .2s}.resume svg{width:42px;height:50px;fill:var(--color-5);opacity:0;transition:opacity .2s ease-out}.resume div{transform:translateY(60px);transition:transform .5s ease-out .2s;margin-bottom:-67px;padding-top:5px;overflow:hidden;display:flex;flex-direction:column;align-items:center;height:60px}.resume span{transition:margin-top .2s ease-out}.resume:hover span{margin-top:-48px}.resume:hover svg{opacity:1}.resume.is-inview div{transform:translateY(0)}.is-inview.back-to-top,.is-inview.resume{opacity:1!important;z-index:10}.back-to-top div{transform:translateY(80px) rotate(90deg);transition:transform .5s ease-out;white-space:nowrap}.is-inview.back-to-top div{transform:translateY(20px) rotate(90deg)}.resume-page-wrapper{position:fixed;top:-100vh;left:0;opacity:0;visibility:hidden;transition:opacity .8s cubic-bezier(0,1.3,0,1),top .8s cubic-bezier(0,1.3,0,1);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.resume-page-wrapper.show{z-index:10;top:0;left:0;opacity:1;visibility:visible;pointer-events:all}.resume-page-wrapper:before{content:"";pointer-events:all;width:100vw;height:100vh;background-color:var(--color-6);opacity:0;position:absolute;top:0;left:0;transition:opacity .8s ease-out}.resume-page-wrapper.show:before{opacity:.8}.close-resume{width:100vw;height:100vh;position:absolute;top:0;left:0}.resume-page{position:relative;background-color:var(--color-5)}.resume-page object{height:100vh;width:670px}.contact-form-wrapper{width:50vw}.contact-form{font:var(--fw-light) var(--fs-m) var(--font-family-text)}.contact-form button,.contact-form input,.contact-form textarea{background-color:var(--color-6);color:var(--color-5);outline:0;border:1px solid rgba(255,255,255,.5);font-size:var(--fs-m);font-weight:var(--fw-light);font-family:var(--font-family-text);padding:calc(var(--side-gap)/3);transition:border .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-5)}.contact-form button{border-radius:20px;overflow:hidden;position:relative;margin-top:var(--side-gap)}.contact-form button::before{content:"";position:absolute;height:100%;width:0;background-color:var(--color-5);opacity:0;right:0;top:0;mix-blend-mode:difference;transition:width .3s ease-out,opacity .3s ease-out;will-change:opacity,width}.contact-form button:hover::before{right:auto;left:0;width:100%;opacity:1}.in-progress,.in-progress:hover{cursor:default;opacity:.5}#in-progress-label{display:none;position:absolute;top:0;left:0;background-color:var(--color-6);transition:all 1s cubic-bezier(0,1,1,1);text-align:center;padding:22px 20px;border:1px solid var(--color-5);border-radius:70%;pointer-events:none}#in-progress-label.show{display:block}