.header{display:flex;max-width:100%;position:relative;height:100vh;justify-content:center;align-items:center;font-family:Quicksand,sans-serif;font-style:normal;font-weight:300;font-size:2.5rem;line-height:4rem;color:#272727}.header__content{display:flex;align-items:center;justify-content:center;width:100%;gap:40px}.header__title-area{width:40%}.header__title{font-family:Quicksand,sans-serif;font-weight:300;font-size:2.5rem;line-height:4rem;color:#272727;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.header__title--visible{opacity:1;transform:translateY(0)}.header__name{font-weight:700}.header__subtitle{font-family:Quicksand,sans-serif;font-weight:300;font-size:2.5rem;line-height:4rem;color:#272727;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.header__subtitle--visible{opacity:1;transform:translateY(0)}.header__cta{margin-top:2rem;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.header__cta--visible{opacity:1;transform:translateY(0)}.tree-container{width:400px;height:400px;flex-shrink:0;position:relative;overflow:hidden}.wrapper{width:100%;height:100%;background-size:contain}.wrapper--hidden{opacity:0}.wrapper canvas{width:100%!important;height:100%!important}.tree-blink{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:5;animation:tvGlitchSlow 3.5s ease-in-out infinite,tvGlitchBurst 7s step-end infinite;filter:contrast(1.2) brightness(1.1)}.tree-blink:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:6;animation:scanlineDrift 4s linear infinite}.tree-blink--fade{animation:none!important;opacity:0;visibility:hidden}.tree-blink--fade:after{animation:none;opacity:0}@keyframes tvGlitchSlow{0%{transform:translate(0);opacity:.92}8%{transform:translate(0);opacity:.88}12%{transform:translate(-1px);opacity:.95}20%{transform:translate(0);opacity:.85}28%{transform:translate(.5px);opacity:.9}35%{transform:translate(0);opacity:.78}42%{transform:translate(0);opacity:.93}50%{transform:translate(-.5px);opacity:.88}58%{transform:translate(0);opacity:.82}65%{transform:translate(1px);opacity:.91}72%{transform:translate(0);opacity:.86}80%{transform:translate(0);opacity:.94}88%{transform:translate(-.5px);opacity:.8}95%{transform:translate(0);opacity:.9}to{transform:translate(0);opacity:.92}}@keyframes tvGlitchBurst{0%{filter:contrast(1.2) brightness(1.1)}14%{filter:contrast(1.2) brightness(1.1)}14.5%{filter:contrast(1.6) brightness(1.4);transform:translate(-4px,1px)}15%{filter:contrast(1.2) brightness(1.1);transform:translate(3px)}15.5%{filter:contrast(1.2) brightness(1.1);transform:translate(0)}40%{filter:contrast(1.2) brightness(1.1)}40.3%{filter:contrast(1.5) brightness(1.3);transform:translate(2px,-1px)}40.8%{filter:contrast(1.2) brightness(1.1);transform:translate(0)}41.2%{filter:contrast(1.8) brightness(1.5);transform:translate(-3px);opacity:.3}41.5%{filter:contrast(1.2) brightness(1.1);transform:translate(0);opacity:.9}65%{filter:contrast(1.2) brightness(1.1)}65.2%{filter:contrast(1.4) brightness(1.2);transform:translate(2px);opacity:.5}65.6%{filter:contrast(1.2) brightness(1.1);transform:translate(-1px);opacity:.85}65.8%{filter:contrast(1.2) brightness(1.1);transform:translate(0)}85%{filter:contrast(1.2) brightness(1.1)}85.3%{filter:contrast(1.7) brightness(1.6);transform:translate(-5px,1px);opacity:.2}85.6%{filter:contrast(1.2) brightness(1.1);transform:translate(2px);opacity:.95}86%{filter:contrast(1.2) brightness(1.1);transform:translate(0)}to{filter:contrast(1.2) brightness(1.1)}}@keyframes scanlineDrift{0%{background-position-y:0}to{background-position-y:100px}}.button{display:inline-block;box-shadow:0 4px 4px #00000040;border-radius:6px;padding:.5rem 1.5rem;font-family:Rubik,sans-serif;font-style:normal;font-weight:700;font-size:1rem;line-height:1.75rem;text-transform:uppercase;overflow:hidden;transition:border-color .2s ease,background .2s ease,color .2s ease}.button--orange{background:#ffad05;border:2px solid #997937;color:#474747}.button--hover,.button:hover,.button:focus{background:#e7eadf;border:2px solid #7e7e7e;outline:none;color:#474747}.button__text,.button__text-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.15rem;width:100%;height:100%}.button__text-bottom{font-family:Quicksand,sans-serif;font-style:normal;font-weight:400;font-size:.6rem;line-height:.9rem;letter-spacing:.13em;text-transform:uppercase;color:#000}.scrollDown{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-family:Quicksand,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:15px;letter-spacing:.18em;text-transform:uppercase;color:#414141;display:flex;align-items:center;margin-bottom:.2rem;white-space:nowrap}.scrollItem{box-sizing:border-box;padding:0;margin:0}.scrollItem>svg{margin:1px 10px 2px}.scrollDown__link{text-decoration:none}.navbar__link{padding:5px 10px;font-family:Quicksand,sans-serif;font-style:normal;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;overflow:hidden;background:linear-gradient(60deg,#3b6c13 30%,#a4ea3e 50%,#444 51%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 275ms ease;text-decoration:none}.navbar__link:hover{background-position:0 100%}@media screen and (max-width:1024px){.header{flex-direction:column;line-height:3.5rem;justify-content:flex-start;padding-top:30px}.header__content{flex-direction:column}.header__title-area{justify-content:center;text-align:center;width:80%}.header__title-area,.header .button{margin-top:1.5rem}}@media(max-width:768px){.header,.header__title,.header__subtitle{font-size:1.5rem;line-height:2rem}.tree-container{width:300px;height:300px}.scrollDown{bottom:5px;top:auto;color:#777;min-width:300px;text-align:center;justify-content:center}.scrollDown rect{fill:#777}}@media(max-width:350px){.tree-container{width:200px;height:200px}.scrollDown{max-width:300px}}.app{opacity:0;transition:opacity .8s ease}.app--loaded{opacity:1}.loading{min-height:100vh}*,*:before,*:after{cursor:none;margin:0;padding:0;box-sizing:border-box}#root{width:100%}html{scroll-behavior:smooth;font-size:16px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e7eadf;display:flex;max-width:100%;overflow-x:hidden}.App,body{max-width:100%}.content{display:flex;flex-direction:column}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}::selection{background:#ffad05;color:#272727}::-webkit-scrollbar{width:0px}#top,#bottom,#left,#right{background:#272727;position:fixed;z-index:1000}#left,#right{top:0;bottom:0;width:10px}#left{left:0}#right{right:0}#bottom,#top{left:0;right:0;height:10px}#top{top:0}#bottom{bottom:0}.cursor{position:fixed;top:0;left:0;width:50px;height:50px;background-color:#000;border-radius:50%;pointer-events:none;z-index:9999;transform-origin:center;will-change:left,top,transform,opacity}.noises{background-image:url(/noise.png);content:"";animation:grain 8s steps(10) infinite;height:300%;left:-50%;position:fixed;top:-100%;width:300%;z-index:-1;overflow:hidden;pointer-events:none;opacity:.08}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.section{padding:80px 60px;position:relative}.section__title{font-family:Quicksand,sans-serif;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:40px;color:#272727}.skills{max-width:100%;height:87px;display:flex;align-items:flex-end;padding:.5rem .5rem .5rem 2rem;box-shadow:0 9px #0000000f;border-top:2px solid #a2a09f;border-bottom:2px solid #a2a09f;font-family:Rubik,sans-serif;font-style:normal;font-weight:900;font-size:14px;color:#272727}.section__border{border-top:1px solid #a2a09f}@media(max-width:768px){#bottom,#left,#right,#top{display:none}.section{padding:40px 24px}.cursor{display:none!important}*{cursor:auto!important}}