@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;300;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Play:wght@700&display=swap";.clr--text{color:#fff}.clr--text-dark{color:#787878}.clr--highlight{color:#3ccf91}.clr--background{color:#000}.anim--delay-1{transition-delay:.1s;animation-delay:.1s}.anim--delay-2{transition-delay:.2s;animation-delay:.2s}.anim--delay-3{transition-delay:.3s;animation-delay:.3s}.anim--delay-4{transition-delay:.4s;animation-delay:.4s}.anim--delay-5{transition-delay:.5s;animation-delay:.5s}.anim--delay-6{transition-delay:.6s;animation-delay:.6s}.anim--delay-7{transition-delay:.7s;animation-delay:.7s}.anim--delay-8{transition-delay:.8s;animation-delay:.8s}.anim--delay-9{transition-delay:.9s;animation-delay:.9s}.anim--delay-10{transition-delay:1s;animation-delay:1s}.anim--delay-11{transition-delay:1.1s;animation-delay:1.1s}.anim--delay-12{transition-delay:1.2s;animation-delay:1.2s}.anim--delay-13{transition-delay:1.3s;animation-delay:1.3s}.anim--delay-14{transition-delay:1.4s;animation-delay:1.4s}.anim--delay-15{transition-delay:1.5s;animation-delay:1.5s}.anim--delay-16{transition-delay:1.6s;animation-delay:1.6s}.anim--delay-17{transition-delay:1.7s;animation-delay:1.7s}.anim--delay-18{transition-delay:1.8s;animation-delay:1.8s}.anim--delay-19{transition-delay:1.9s;animation-delay:1.9s}.anim--delay-20{transition-delay:2s;animation-delay:2s}.anim--delay-21{transition-delay:2.1s;animation-delay:2.1s}.anim--delay-22{transition-delay:2.2s;animation-delay:2.2s}.anim--delay-23{transition-delay:2.3s;animation-delay:2.3s}.anim--delay-24{transition-delay:2.4s;animation-delay:2.4s}.anim--delay-25{transition-delay:2.5s;animation-delay:2.5s}.anim--delay-26{transition-delay:2.6s;animation-delay:2.6s}.anim--delay-27{transition-delay:2.7s;animation-delay:2.7s}.anim--delay-28{transition-delay:2.8s;animation-delay:2.8s}.anim--delay-29{transition-delay:2.9s;animation-delay:2.9s}.anim--delay-30{transition-delay:3s;animation-delay:3s}.anim--delay-31{transition-delay:3.1s;animation-delay:3.1s}.anim--delay-32{transition-delay:3.2s;animation-delay:3.2s}.anim--delay-33{transition-delay:3.3s;animation-delay:3.3s}.anim--delay-34{transition-delay:3.4s;animation-delay:3.4s}.anim--delay-35{transition-delay:3.5s;animation-delay:3.5s}.anim--delay-36{transition-delay:3.6s;animation-delay:3.6s}.anim--delay-37{transition-delay:3.7s;animation-delay:3.7s}.anim--delay-38{transition-delay:3.8s;animation-delay:3.8s}.anim--delay-39{transition-delay:3.9s;animation-delay:3.9s}.anim--delay-40{transition-delay:4s;animation-delay:4s}.h100{height:100%}@keyframes wave{0%{transform:rotate(40deg) scale(1)}50%{transform:rotate(10deg) scale(1.2)}to{transform:rotate(40deg) scale(1)}}.anim--shiftTop,.onscreen.projects .project__images{animation-name:shiftTop;animation-duration:1.4s;animation-fill-mode:forwards;transform:translateY(-50px);opacity:0}@keyframes shiftTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.anim--wave{display:inline-block;transform-origin:center;animation:wave 1s infinite;transform:rotate(40deg)}.anim--fadeIn,.hero.onscreen .span3,.onscreen .aboutMe__text,.onscreen .techStack__item p{animation-name:fadeIn;animation-duration:1.4s;animation-fill-mode:forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim--clipInLeft,.hero.onscreen .span1,.onscreen .aboutMe__image{animation-name:clipInLeft;animation-duration:1.4s;-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0);animation-fill-mode:forwards}@keyframes clipInLeft{0%{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.anim--clipInBottom,.hero.onscreen .span2,.hero.onscreen h1{animation-name:clipInBottom;animation-duration:1.4s;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);animation-fill-mode:forwards}@keyframes clipInBottom{0%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}body{margin:0 auto;padding:0;background:#fff}#root,body,html{height:100%;position:relative}body{background:#000}body,body>div,body>div>main,body>div>main>section.hero,body>div>main>section.hero>div{height:100%}.project__imageLayout--multiple img,.project__imageLayout--multiple picture{aspect-ratio:16/9}.lockscroll{overflow:hidden!important}.cursor{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;z-index:9999;background:radial-gradient(900px,rgba(32,32,32,.25),transparent 30%)}.project.active{opacity:.8}.ccwrapper .fa-angle-right{border-radius:0 1.25rem 1.25rem 0;top:50%;transform:translateY(-50%)}.ccwrapper .fa-angle-left{border-radius:0 1.25rem 1.25rem 0;transform:rotate(180deg);top:50%;left:0;transform:translateY(-50%)}.ccwrapper .fa-angle-left:hover,.ccwrapper .fa-angle-right:hover{opacity:1}.ccwrapper .fa-angle-left,.ccwrapper .fa-angle-right{transition:all .2s ease-in-out;outline:0;border:0;justify-content:center;align-items:center;width:2.5rem;height:7.5rem;z-index:1;visibility:visible;background-color:#000;display:flex!important;pointer-events:all;opacity:.7;line-height:0;font-size:0;position:absolute;cursor:pointer}.ccwrapper .fa-angle-left:after{border-width:7px 0 7px 14px}.ccwrapper .fa-angle-right:after{border-width:7px 0 7px 14px;-webkit-margin-start:-2px;margin-inline-start:-2px}.ccwrapper .fa-angle-left:after,.ccwrapper .fa-angle-right:after{border-color:transparent transparent transparent #303436;-webkit-margin-end:-2px;margin-inline-end:-2px;content:"";display:block;width:0;height:0;border-style:solid}*{font-family:Inter,sans-serif}.extraBold,.heading--1{font-weight:900}.heading--1{font-size:11.25rem;letter-spacing:-.05em;line-height:1.2}@media(max-width:1350px){.heading--1{font-size:7.5rem}}@media(max-width:850px){.heading--1{font-size:5rem}}@media(max-width:600px){.heading--1{font-size:3.0625rem}}@media(max-width:400px){.heading--1{font-size:2rem}}.heading--2{font-size:3rem;font-weight:500;letter-spacing:-.05em;line-height:1.2}@media(max-width:1350px){.heading--2{font-size:2.375rem}}@media(max-width:850px){.heading--2{font-size:2.0625rem}}@media(max-width:600px){.heading--2{font-size:1.4375rem}}@media(max-width:400px){.heading--2{font-size:1.1875rem}}.heading--3{font-size:2.5rem;font-weight:500;letter-spacing:-.05em}@media(max-width:1350px){.heading--3{font-size:2.1875rem}}@media(max-width:850px){.heading--3{font-size:1.875rem}}@media(max-width:600px){.heading--3{font-size:1.25rem}}@media(max-width:400px){.heading--3{font-size:1rem}}.heading--4{font-size:2rem;font-weight:700;letter-spacing:-.05em;line-height:1.1}a,a *{color:inherit;text-decoration:none}.tag{font-style:normal;font-weight:700;font-size:1rem;line-height:120%;display:flex;align-items:center;letter-spacing:-.02em;text-transform:uppercase;color:#fff;border:1px solid #fff;opacity:.8;padding:.3125rem .9375rem;border-radius:20px}@media(max-width:768px){.tag{font-size:.75rem!important}}.header{margin-bottom:3.75rem}@media(max-width:900px){.header{margin-bottom:2rem}}.header--1{font-size:1rem;position:relative;display:inline-block;display:flex;align-items:center;gap:1.5625rem;margin-bottom:1rem;opacity:0}.header--1:after{display:block;content:"";width:0;height:.0625rem;background-color:#fff}.header--2{font-size:2rem;font-weight:600;letter-spacing:-.09em;opacity:0}.copy--1{font-style:normal;font-weight:300;font-size:1rem;line-height:1.5}.copy--1,.copy--tech{letter-spacing:-.02em}.copy--tech{text-transform:uppercase;-webkit-text-stroke-width:1px;color:transparent;-webkit-text-stroke-color:#fff;opacity:.7;font-weight:700;font-size:clamp(1rem,4vw,10.625rem);font-family:Open Sans,sans-serif!important}.onscreen .header--1{opacity:1;transition:all 1s ease-in-out}.onscreen .header--1:after{width:7.5rem;transition:all 1s ease-in-out}.onscreen .header--2{opacity:1;transition:all 1s ease-in-out;transition-delay:.4s}.highlight{color:#3ccf91;font-weight:700}.container--extended{margin:0 auto;padding:0 2.5rem;max-width:108.125rem}.container--main,.container--main-extended{margin:0 auto;padding:0 2.5rem;max-width:68.75rem}.container--main-extended{max-width:none;padding:0;margin-left:calc(50vw - 31.875rem)}@media(max-width:1100px){.container--main-extended{margin-left:0;padding-left:2.5rem}}.container--fullWidth{margin:0 auto;padding:0 2.5rem}button{display:block}.btn,button{background:none;border:none;cursor:pointer;outline:none}.btn{display:inline-block;padding:0}.btn--main{font-size:1rem;color:#fff;padding:.625rem 1.5625rem!important;border:1px solid #3ccf91;border-radius:0 0 12px 0;text-transform:uppercase;transition:all .2s ease;box-shadow:0 3.4px 2.7px rgba(0,0,0,.018),0 8.7px 6.9px rgba(0,0,0,.026),0 17.7px 14.2px rgba(0,0,0,.032),0 36.5px 29.2px rgba(0,0,0,.04),0 100px 80px rgba(0,0,0,.06)}.btn--main:hover{background:#3ccf91;color:#fff;transition:all .4s ease-in-out}.projects__projectList .swiper-slide:first-child{margin-left:calc(50vw - 31.875rem)}@media(max-width:1100px){.projects__projectList .swiper-slide:first-child{margin-left:0;padding-left:2.5rem}}.swiper-slide{width:21.875rem!important}@media(min-width:700px){.swiper-slide{width:34.375rem!important}}.hero{height:100vh;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='900' preserveAspectRatio='none' viewBox='0 0 1440 900'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1007%26quot%3b)' fill='none'%3e%3cpath d='M1440 0L1021.95 0L1440 13.67z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M1021.95 0L1440 13.67L1440 245.89999999999998L707.1200000000001 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M707.12 0L1440 245.89999999999998L1440 342.96L310.48 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M310.48 0L1440 342.96L1440 683.63L140.52 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 900L373.08 900L0 707.71z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 707.71L373.08 900L828.73 900L0 673.86z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 673.86L828.73 900L857.13 900L0 284.40000000000003z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 284.4000000000001L857.13 900L1187.29 900L0 196.1300000000001z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1007'%3e%3crect width='1440' height='900' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-blend-mode:screen}.hero.onscreen .span3{color:red}.hero .container--extended,.hero__inner{height:100%}.hero__intro{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:15vh}.hero__intro h1{margin-bottom:2rem}.hero__intro p{max-width:62.5rem}.hero__intro p span{display:inline}.hero__intro p span:nth-child(2){margin-left:.3125rem}.onscreen .aboutMe__text{animation-delay:1s}.onscreen .aboutMe__image{animation-delay:.6s}.aboutMe{padding:6.25rem 0}.aboutMe__text{opacity:0}@media(max-width:900px){.aboutMe__text{order:2}}.aboutMe__text p{max-width:90%}@media(max-width:900px){.aboutMe__text p{max-width:100%}}.aboutMe__flex{margin-top:-8.125rem;display:flex;justify-content:center;align-items:center}@media(max-width:1100px){.aboutMe__flex{margin-top:-6.25rem}}@media(max-width:900px){.aboutMe__flex{flex-direction:column;margin-top:0}}.aboutMe__image{border-radius:50%;width:18.75rem;height:18.75rem}@media(max-width:900px){.aboutMe__image{order:1;margin-bottom:1.5rem}}.aboutMe__image img{border-radius:50%;width:18.75rem;height:18.75rem}.projects{padding-bottom:9.375rem}@media(max-width:768px){.projects{padding-bottom:6.25rem}}.projects__projectList.hovering .project{opacity:.4}.projects__projectList.hovering .project.active{opacity:1}.project{display:block;margin:0 auto;transition:all .4s ease-in-out}.project__imageLayout--single{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:16.25rem;padding:0 1.25rem;z-index:1}.project__imageLayout--single img{width:100%;height:100%;object-fit:cover}.project__imageLayout--mobile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:17.5rem;height:30rem;padding:0 1.25rem;z-index:1}@media(max-width:768px){.project__imageLayout--mobile{width:15.625rem;height:21.25rem}}.project__imageLayout--mobile img{border-radius:20px}.project__imageLayout--mobile picture:first-child{object-fit:cover;width:100%;height:100%}.project__imageLayout--mobile picture:nth-child(2){width:11.25rem;position:absolute;left:-200px;height:75%;top:50%;left:50%;transform:translateY(-50%)}.project__imageLayout--mobile picture:nth-child(3){width:11.25rem;position:absolute;right:-200px;height:75%;top:50%;transform:translateY(-50%)}.project__imageLayout--multiple{position:absolute;top:40px;width:100%;z-index:1;transform:rotate(-15deg);left:50%;top:50%;transform:translate(-50%,-50%) rotate(-15deg)}.project__imageLayout--multiple .img{aspect-ratio:16/9}.project__imageLayout--multiple-row1{display:inline-flex;gap:1.25rem;position:relative;left:-10.625rem;height:11.875rem}@media screen and (min-width:700px){.project__imageLayout--multiple-row1{left:-9.8125rem;height:15.625rem}}.project__imageLayout--multiple-row2{display:inline-flex;gap:1.25rem;margin-top:1.25rem;height:15.625rem;right:13.75rem;position:relative;height:11.875rem}@media screen and (min-width:700px){.project__imageLayout--multiple-row2{right:14.0625rem;height:15.625rem}}.project__desc{max-width:25rem}.project__link{display:block}.project:not(:last-child){margin-left:1.25rem}.project__image{margin-bottom:1.875rem}.project__image img{width:100%;height:100%;object-fit:cover}.project__header{margin-bottom:2rem}.project__techStack{margin-bottom:1.5rem}.project__techStack ul{display:flex;flex-wrap:wrap;gap:.9375rem .625rem}.project__background{height:100%}.project__images{position:relative;overflow:hidden;height:37.5rem;width:100%;margin-bottom:2rem;opacity:0}@media(max-width:1024px){.project__images{height:31.25rem}}@media(max-width:768px){.project__images{height:25rem}}.project__images img{object-fit:cover;object-position:center;height:100%;width:100%}.project__images:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.swiper-container{margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.techStack{padding-bottom:9.375rem}@media(max-width:768px){.techStack{padding-bottom:6.25rem}}.techStack__item p{opacity:0}.techStack__inner{display:flex;gap:1.25rem 5rem;flex-wrap:wrap;justify-content:space-around}@media(max-width:900px){.techStack__inner{justify-content:flex-start;gap:1.25rem}}.contact{padding-bottom:12.5rem}@media(max-width:768px){.contact{padding-bottom:6.25rem}}.contact__email{margin-top:1.5rem}.preloader{height:100vh;background:#000;background-image:url(/background.png);position:relative;position:fixed;top:0;left:0;width:100%;z-index:10}.preloader .container--main,.preloader .container--main-extended{height:100%}.preloader .inner{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:37.5rem;margin:0 auto}.preloader .inner .progressBar{height:4px;width:100%;background:#fff;position:relative}.preloader .inner .progressBar .fill{top:0;left:0;height:4px;width:0;background:#3ccf91;animation:animate 5s linear infinite}.preloader .inner .progress{margin-left:auto;margin-top:1rem}.preloader .inner .progress span{color:#fff;font-family:Play,sans-serif;font-size:2rem;font-weight:400}.animate-blink{animation:blink .4s linear infinite;transition:all 0s ease-in-out}@keyframes blink{0%{opacity:0}20%{opacity:1}40%{opacity:0}60%{opacity:1}80%{opacity:0}to{opacity:1}}.hide{display:none}body{background-image:url(/background.png);background-repeat:repeat;background-position:50%;background-attachment:fixed}