*{box-sizing:border-box;margin:0;padding:0}p{margin-bottom:1rem}a{color:inherit}a:hover{text-decoration:none}.container{max-width:1140px;margin:auto}.typed-cursor{font-weight:300}html{font-family:Poppins,sans-serif;margin:0;padding:0;font-size:18px}#nav{background:#767676;position:fixed;top:0;left:0;width:100%;z-index:10;background:transparent;padding:1.6rem 0;transition:all .24s}#nav.scrolled{background:white;box-shadow:0 0 10px #0000000f}#nav .logo{font-weight:700;font-size:1.4rem}#nav .white{opacity:.8}#nav .nav-content{display:flex;justify-content:space-between;align-items:center}.title{font-size:7rem;font-weight:700;text-transform:uppercase}.title-stroke{color:transparent;-webkit-text-stroke:1px #000}.subtitle{font-weight:300;color:#767676;font-style:italic;font-size:1rem}.title-with-back{position:relative;font-size:3rem;font-weight:700;text-transform:uppercase;z-index:1;margin-bottom:60px}.title-with-back:before{content:attr(data-back);position:absolute;left:0rem;bottom:-1rem;z-index:-1;line-height:1;max-width:100%;overflow:hidden;white-space:nowrap;user-select:none;-webkit-user-select:none;opacity:.1;-webkit-text-stroke:1px #000;font-size:10rem;color:transparent;font-weight:900}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem}.portfolio-item{aspect-ratio:1;background:rgba(0,0,0,.05);position:relative;display:block;color:inherit;overflow:hidden}.portfolio .portfolio-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.portfolio .portfolio-item .see{position:absolute;bottom:2rem;right:2rem;padding:1rem 1rem 0rem 0rem;line-height:1rem;text-transform:uppercase;font-size:.8rem;font-weight:400}.portfolio .portfolio-item .see:after{height:0;content:"";position:absolute;top:0;right:0;width:1px;background:black}.color-1{background:aquamarine}.color-2{background:darkkhaki}.color-3{background:deepskyblue}.color-4{background:lightsteelblue}.portfolio .portfolio-item:hover .see:after{animation:scroll-down 2s ease-in-out infinite}section{position:relative}section.accent{background:#f8f9fa}section .section-container{padding:160px;margin:auto}section .content{max-width:1140px;margin:auto}input,textarea{width:100%;display:block;padding:1rem;font-family:inherit;border:rgba(118,118,118,.5) 1px solid;margin-bottom:1rem}textarea{resize:vertical;min-height:200px}.button{cursor:pointer;border:none;display:inline-block;padding:1rem 2rem;text-decoration:uppercase;color:#fff;background:#000;font-size:inherit;font-family:inherit;text-decoration:none;text-transform:lowercase;font-size:.85rem;font-weight:500}.button.block{width:100%}#hero{background:url(/build/assets/image-1.604a741e.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}#hero .background{position:absolute;top:0;left:0;width:100%;height:100%}#hero .parallax-container img{position:relative;top:0;left:0;width:100%;height:100%;object-fit:cover;max-width:100%}#hero .background .effect{position:absolute;top:0;left:0;width:100%;height:100%}#hero .background .clip{position:absolute;top:0;left:0;width:30%;height:100%;background:white}#hero .content{line-height:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}#hero .subtitle{margin-top:2rem;font-size:1.2rem}#hero .scroll-indicator{width:1px;height:50px;position:absolute;left:0;bottom:20px}#hero .scroll-indicator .line{background:black;width:100%;-webkit-animation:scroll-down 2s ease-in-out infinite;animation:scroll-down 2s ease-in-out infinite}#scroll-progress{cursor:pointer;position:fixed;bottom:24px;right:-10px;height:1px;width:120px;background:rgba(0,0,0,.1);transform:rotate(90deg);transform-origin:100%;transition:right .24s}#scroll-progress:after{white-space:nowrap;position:absolute;top:-.7rem;right:110%;text-transform:uppercase;font-size:1rem;content:attr(data-text)}#scroll-progress.onscreen{right:24px}#scroll-progress:before{content:"to top";transform:rotate(270deg);position:absolute;top:0;right:0;white-space:nowrap;display:none}#scroll-progress .line{width:100%;height:50%;position:absolute;top:0;left:0;background:#000}.gray{filter:grayscale(80%)}.text{font-size:1rem;color:#767676;line-height:2}.contact-content{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem}.nobs-content{display:grid;grid-template-columns:auto 40%;grid-gap:2rem}.nobs-content .info{display:flex;flex-direction:column;justify-content:center}.nobs-content img,.about-content img{max-width:100%;aspect-ratio:1;object-fit:cover}.about-content{display:grid;grid-template-columns:40% auto;grid-gap:2rem}.technology-content{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;text-align:center}#technologies{white-space:nowrap;overflow:hidden}#technologies .item{-webkit-text-stroke:1px rgba(0,0,0,.1);font-size:5rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-right:0rem;padding:3rem 6rem;padding:3rem 0;color:transparent;position:relative;overflow:hidden;text-transform:uppercase}#technologies .item:after{position:absolute;top:40%;left:20%;content:attr(data-tech);text-transform:uppercase;font-size:3rem;color:#000}::-moz-selection{color:#fff;background:#000}::selection{color:#fff;background:#000}.message{padding-bottom:1rem}.success{color:#6ec997}.error{color:#ab6565}@keyframes scroll-down{0%{height:0}50%{height:100%}70%{height:100%;transform:scaleY(.5);transform-origin:bottom}to{height:100%;transform:scaleY(0);transform-origin:bottom}}@media screen and (max-width: 1200px){html{font-size:14px}.container{max-width:100%;margin:0 2rem}#hero .content{margin:0 2rem}#hero .background .clip{display:none}section .section-container{padding:5rem 2rem}}@media screen and (max-width: 1000px){.title-with-back{font-size:2.4rem}.title-with-back:before{font-size:6rem;bottom:-.4rem}#scroll-progress{display:none}}@media screen and (max-width: 767px){.about-content,.nobs-content,.contact-content{grid-template-columns:auto}.title{font-size:4rem}#technologies-wrapper{transform:none!important;display:grid;grid-template-columns:repeat(2,1fr)}#technologies .item{display:block;font-size:3rem;padding:0;padding-left:2rem}#technologies .item.duplicated{display:none}#technologies .item:after{font-size:1.6rem}}@media screen and (max-width: 550px){.title{font-size:3rem}}@media screen and (max-width: 480px){#technologies-wrapper{grid-template-columns:auto}}