:root{--black:rgb(17, 17, 17);--white:rgb(255, 255, 255);--orange:rgb(253, 96, 78)}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.preloader{font-family:'Bebas Neue',cursive;background:var(--white);color:var(--black);width:100%;height:100vh;position:absolute;z-index:9999;display:none}.preloader.active{display:block}.preloader .counter{width:100%;height:100%;position:relative}.preloader h1{position:absolute;bottom:0;right:3rem;font-size:10rem;letter-spacing:.25rem;opacity:.2}::-webkit-scrollbar{display:none}.scrollbar{position:fixed;display:flex;align-items:center;height:100%;right:.5rem;mix-blend-mode:difference;z-index:1}.scroll-track{height:95%;width:2px;background-color:rgba(255,255,255,.1)}.scroll-thumb{background-color:var(--white);max-height:100%;width:2px;border-radius:1rem}h1{font-size:clamp(3rem,7.5vw,10rem);font-weight:700}.outlined{font-weight:800;color:var(--black);letter-spacing:2px;text-shadow:-1px 0 var(--white),0 1px var(--white),1px 0 var(--white),0 -1px var(--white)}h2{font-size:clamp(2rem,3vw,4rem)}h3{font-size:clamp(1.25rem,2.5vw,2.25rem)}h4{font-size:1.5rem;font-weight:400}h5{font-size:1rem;font-weight:500}a{text-decoration:none;color:var(--white)}ul{list-style:none}button{background-color:transparent;border:none;outline:0}.text-inner{display:inline-block;overflow:hidden}.char{display:inline-block;position:relative}.char::before{content:attr(data-hover);position:absolute;top:105%}body{font-family:Montserrat,sans-serif;font-weight:400;background-color:var(--black);color:var(--white)}nav{position:fixed;width:100%;padding:2rem 3rem;display:flex;justify-content:space-between;z-index:999;mix-blend-mode:difference}.navbar .nav-btn{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.nav-menu{position:fixed;display:flex;height:100vh;width:100%;z-index:-1}.nav-menu .menu-left,.nav-menu .menu-right{position:fixed;height:100vh;display:flex}.nav-menu .menu-left{bottom:-110%}.nav-menu .menu-right{right:0;top:-110%}.nav-menu .menu-left{flex-direction:column;width:70%;background-color:var(--black);padding-left:5rem;padding-bottom:3rem}.nav-menu .menu-links{display:flex;align-items:flex-end;flex-grow:2}.nav-menu .menu-links li{margin-bottom:2rem;cursor:pointer}.nav-menu .menu-works{display:flex;align-items:flex-end;flex-grow:1}.nav-menu .menu-works li{margin-top:.75rem}.nav-menu .menu-right{width:30%;align-items:flex-end;background-color:var(--white);padding-left:5rem;padding-bottom:3rem}.nav-menu .menu-socials li{margin-block:1rem}.nav-menu .menu-right h3{color:var(--black)}.nav-icon-animated{width:30px;height:25px;position:relative;margin:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}.nav-icon-animated span{display:block;position:absolute;height:1.5px;width:100%;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.nav-icon-animated span{background:var(--white)}.nav-icon-animated span:nth-child(1){top:6px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.nav-icon-animated span:nth-child(2){top:14px;width:60%;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.nav-icon-animated.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0;left:5px}.nav-icon-animated.open span:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:21px;left:5px;width:100%}section{min-height:100vh}