@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap";html,body{margin:0;padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#smooth-wrapper{overflow:hidden}#smooth-content{overflow:visible;width:100%}body{margin:0}body .container{width:90%;margin:0 auto}body .btn{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;gap:.5rem;cursor:pointer}body .btn.cta{background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:1000px;color:#fff;font-family:Red Hat Text,sans-serif;font-size:1.2rem;transition:all .3s ease-in-out}body .btn.cta:hover{scale:1.05;background-color:#fff3}body .col{display:flex;flex-direction:column}.home{scrollbar-width:none;-ms-overflow-style:none}.home::-webkit-scrollbar{display:none}.website-absolute-logo{position:absolute;top:1rem;left:1rem;height:3.5rem;width:auto;z-index:1000;cursor:pointer}@keyframes borderSlideIn{0%{width:0}to{width:100%}}@media (min-width: 1600px){.website-absolute-logo{width:5rem!important;height:5rem!important}header .logo-container{height:5rem!important}header .logo-container span{margin-left:5rem!important;font-size:2.5rem!important}header a{font-size:2rem!important}.hero .col:not(.main){gap:3rem!important}.hero .col:not(.main) h2{font-size:3rem!important}.hero .col:not(.main) p{font-size:2rem!important}.hero .col:not(.main) .btn{font-size:2rem!important;gap:1rem!important}.hero .col:not(.main) .btn svg{width:2rem!important;height:2rem!important}.portfolio .slide .title{font-size:5rem!important}.portfolio .slide span{font-size:2rem!important}.workflow .col h1{font-size:3rem!important}.workflow .col p{font-size:2rem!important}.contact .form-container{gap:2rem!important}.contact .form-container .title{gap:1rem!important}.contact .form-container .title h1{font-size:3rem!important}.contact .form-container .title p{font-size:2rem!important}.contact .form-container form input,.contact .form-container form textarea{font-size:1.5rem!important}.contact .form-container form button{font-size:2rem!important}.contact .form-container form button svg{width:1.5rem!important;height:1.5rem!important}}@media (max-width: 1024px) and (orientation: portrait){.website-absolute-logo{width:5rem!important;height:5rem!important}header .logo-container{height:5rem!important}header .logo-container span{margin-left:5rem!important;font-size:2.5rem!important}header a{font-size:2rem!important}.hero .col:not(.main){gap:3rem!important}.hero .col:not(.main) h2{font-size:3rem!important}.hero .col:not(.main) p{font-size:2rem!important}.hero .col:not(.main) .buttons-container{flex-direction:column!important;gap:1rem!important}.hero .col:not(.main) .buttons-container .btn{padding:1rem 2rem!important;width:100%!important;font-size:2rem!important;justify-content:space-between!important}.hero .col:not(.main) .buttons-container .btn svg{width:2rem!important;height:2rem!important}.portfolio .slide .title{font-size:4rem!important}.portfolio .slide span{font-size:2rem!important}.workflow .wf-container{align-items:center!important}.workflow .wf-container .wf-item{margin:0!important;height:85%!important;flex-direction:column!important;align-items:center!important;gap:3rem!important}.workflow .wf-container .wf-item img{width:50%!important}.workflow .wf-container .wf-item .col{width:50%!important;height:100%!important}.workflow .wf-container .wf-item .col h1{font-size:3rem!important}.workflow .wf-container .wf-item .col p{font-size:2rem!important;line-height:1.2!important}.contact{background:url(/assets/ContactMobile-C_aSOTu0.png) no-repeat center!important}.contact .form-container{padding:0!important;margin:0 auto!important;width:80%!important;height:65%!important;justify-content:flex-end!important}.contact .form-container .title{gap:1rem!important}.contact .form-container .title h1{font-size:3.5rem!important}.contact .form-container .title p{font-size:2rem!important}.contact .form-container form{gap:1rem!important}.contact .form-container form input,.contact .form-container form textarea{font-size:1.5rem!important}.contact .form-container form button{font-size:2rem!important}.contact .form-container form button svg{width:1.5rem!important;height:1.5rem!important}}@media (max-width: 768px) and (orientation: portrait){.hero{align-items:center}.hero .container{flex-direction:column!important;height:80%!important;margin:0 auto!important;gap:2rem}.hero .container .col{padding:0!important;width:80%!important;height:100%!important;margin:0 auto!important}.hero .container .col.main{display:none;justify-content:center!important;gap:1rem!important}.hero .container .col.main h1{font-size:3.5rem!important}.hero .container .col.main h2{font-size:3rem!important}.hero .container .col:not(.main){gap:1.5rem!important;gap:2rem!important}.hero .container .col:not(.main) .buttons-container{flex-direction:column!important}.hero .container .col:not(.main) .buttons-container .btn{font-size:1.5rem!important;padding:1rem 2rem!important;width:100%!important;justify-content:space-between!important}.hero .container .col:not(.main) .buttons-container .btn svg{width:2rem!important;height:2rem!important}.workflow .wf-container{align-items:flex-end!important}.workflow .wf-container .wf-item{padding-bottom:2rem!important;gap:1rem!important}.workflow .wf-container .wf-item .col{height:60%!important}.workflow .wf-container .wf-item .col h1{font-size:2.5rem!important}.workflow .wf-container .wf-item .col p{font-size:1.5rem!important;line-height:1.2!important}.contact .form-container{height:100%!important;justify-content:center!important;width:70%!important}.contact .form-container .title{gap:1rem!important}.contact .form-container .title h1{font-size:3rem!important}.contact .form-container .title p{font-size:1.5rem!important}.contact .form-container form{gap:1rem!important}.contact .form-container form input,.contact .form-container form textarea,.contact .form-container form button{font-size:1.5rem!important}.contact .form-container form button svg{width:1.5rem!important;height:1.5rem!important}}@media (max-width: 768px) and (min-width: 481px){.hero .col:not(.main) h2{font-size:2.5rem!important}.hero .col:not(.main) p{font-size:2rem!important}.hero .col:not(.main) .buttons-container{width:50%!important}}@media (max-width: 480px) and (orientation: portrait){.website-absolute-logo{width:4rem!important;height:4rem!important}header .logo-container{height:4rem!important}header .logo-container span{margin-left:4rem!important;font-size:2rem!important}header a{font-size:1.5rem!important}.hero .col:not(.main){width:100%!important}.hero .col:not(.main) h2{font-size:2rem!important}.hero .col:not(.main) p{font-size:1.8rem!important}.hero .col:not(.main) .buttons-container{width:100%!important}.portfolio .slide .title{font-size:3.5rem!important}.portfolio .slide span{font-size:1.8rem!important}.workflow .wf-container{align-items:flex-end!important}.workflow .wf-container .wf-item{margin:0!important;height:80%!important;flex-direction:column!important;align-items:center!important;gap:0rem!important}.workflow .wf-container .wf-item img{width:70%!important}.workflow .wf-container .wf-item .col{width:80%!important;height:100%!important}.workflow .wf-container .wf-item .col h1{font-size:2rem!important}.workflow .wf-container .wf-item .col p{font-size:1.3rem!important;line-height:1.2!important}.contact .form-container{width:90%!important}.contact .form-container .title{gap:.5rem!important}.contact .form-container .title h1{font-size:2rem!important}.contact .form-container .title p{font-size:1.3rem!important}.contact .form-container form{gap:0!important}.contact .form-container form input,.contact .form-container form textarea,.contact .form-container form button{font-size:1.5rem!important}.contact .form-container form button svg{width:1.5rem!important;height:1.5rem!important}}header{position:absolute;top:0;right:0;padding:1rem;width:calc(100% - 2rem);z-index:99;pointer-events:none;display:flex;mix-blend-mode:difference}header span,header a{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:300;font-family:Red Hat Mono,sans-serif}header a{cursor:pointer;position:relative;width:min-content}header a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#fff;transition:width .6s ease-in-out}header a:hover:after{width:100%}header .logo-container{cursor:pointer;display:flex;align-items:center;pointer-events:auto;position:relative;height:3.5rem}header .logo-container span{font-size:2rem;margin-left:4rem}header nav{display:flex;flex-direction:column;align-items:flex-end;width:100%;pointer-events:auto}.hero{display:flex;background:url(/assets/hero-1w39BCOc.png) no-repeat bottom;background-size:cover;height:100vh}.hero .container{display:flex}.hero .container .col{width:40%;height:50%;align-self:flex-end;padding-bottom:3rem;gap:2rem;justify-content:flex-end}.hero .container .col h1,.hero .container .col h2,.hero .container .col p{font-family:Cardo,serif;margin:0;color:#fff}.hero .container .col h2{font-size:2rem;line-height:1.2}.hero .container .col p{font-size:1.2rem;line-height:1}.hero .container .col .buttons-container{display:flex;align-items:center;gap:1rem}.hero .container .col .buttons-container .btn .hi{display:inline-block;animation:wave 1.5s ease-in-out infinite}.hero .container .col .buttons-container .btn .look{display:inline-block;animation:jump 1.5s ease-in-out infinite}.hero .container .col strong{position:relative;border-bottom:3px solid transparent}.hero .container .col strong:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background-color:red;animation:borderSlideIn .8s ease-in-out .3s forwards}.hero .container .col.main{width:60%;height:50%;align-self:flex-end;margin-bottom:5rem;justify-content:space-between}.hero .container .col.main h1,.hero .container .col.main h2{font-size:5rem}@keyframes wave{0%,to{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}@keyframes jump{0%,to{transform:translateY(2px)}50%{transform:translateY(-2px)}}.portfolio{display:flex;flex-direction:column;align-items:center;height:100dvh;width:100%;background-color:#000;position:relative;overflow:hidden}.portfolio .go-left,.portfolio .go-right{position:absolute;width:50%;height:100%;top:0;z-index:3;border:none;background-color:transparent}.portfolio .go-left:focus,.portfolio .go-right:focus{outline:none}.portfolio .go-left{left:0;cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-left-icon%20lucide-arrow-left'%3e%3cpath%20d='m12%2019-7-7%207-7'/%3e%3cpath%20d='M19%2012H5'/%3e%3c/svg%3e"),auto}.portfolio .go-right{right:0;cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-right-icon%20lucide-arrow-right'%3e%3cpath%20d='M5%2012h14'/%3e%3cpath%20d='m12%205%207%207-7%207'/%3e%3c/svg%3e"),auto}.portfolio .slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.portfolio .slide .title{position:absolute;right:10%;z-index:9;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.portfolio .slide .title h2{margin:0;color:#fff;font-family:Cardo,serif;font-size:3rem;font-weight:100}.portfolio .slide .title .services{display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;opacity:.6}.portfolio .slide .title .services.services-fade-out{animation:servicesFadeOut .5s ease-in-out forwards}.portfolio .slide .title .services.services-fade-in{animation:servicesFadeIn .5s ease-in-out forwards}.portfolio .slide .title .services span{color:#fff;font-family:Red Hat Mono,sans-serif;font-size:1rem;font-weight:500;text-align:center}.portfolio .slide .title.slide-out{animation:slideOut .5s ease-in-out forwards}.portfolio .slide .title.slide-in{animation:slideIn .5s ease-in-out forwards}.portfolio .slide .title.slide-out-left{animation:slideOutLeft .5s ease-in-out forwards}.portfolio .slide .title.slide-in-left{animation:slideInLeft .5s ease-in-out forwards}.portfolio .slide .title.slide-out-right{animation:slideOutRight .5s ease-in-out forwards}.portfolio .slide .title.slide-in-right{animation:slideInRight .5s ease-in-out forwards}.portfolio .slide img{width:100%;height:100%;object-fit:cover;opacity:.4;transition:transform .3s ease}.portfolio .slide img:hover{transform:scale(1.05)}.portfolio .slide.fade-out{animation:fadeOut .5s ease-in-out forwards}.portfolio .slide.fade-in{animation:fadeIn .5s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideOut{0%{right:10%;opacity:1}to{right:15%;opacity:0}}@keyframes slideIn{0%{right:15%;opacity:0}to{right:10%;opacity:1}}@keyframes slideOutLeft{0%{right:10%;opacity:1}to{right:15%;opacity:0}}@keyframes slideInLeft{0%{right:5%;opacity:0}to{right:10%;opacity:1}}@keyframes slideOutRight{0%{right:10%;opacity:1}to{right:5%;opacity:0}}@keyframes slideInRight{0%{right:15%;opacity:0}to{right:10%;opacity:1}}@keyframes servicesFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes servicesFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.workflow{background-color:#000;height:100vh;overflow:hidden}.workflow .wf-container{display:flex;width:300vw;height:100%}.workflow .wf-item{display:flex;gap:5rem;width:100vw!important;height:75%;margin:auto;flex-shrink:0;align-items:flex-start;justify-content:center}.workflow .wf-item img{height:80vh}.workflow .wf-item .col{width:30%;transition:opacity .3s ease-in-out}.workflow .wf-item .col p,.workflow .wf-item .col h1{color:#fff}.workflow .wf-item .col.fade{opacity:0}.workflow .wf-item .col .text-content{transform:translateY(20px);display:flex;flex-direction:column;gap:1rem}.workflow .wf-item .col .text-content h1,.workflow .wf-item .col .text-content p{margin:0;transition:inherit;font-family:Cardo,sans-serif}.workflow .wf-item .col .text-content p{font-size:1.3rem}.contact{width:100vw;height:100vh;background:url(/assets/ContactDesktop-DDnc6eSb.png) no-repeat center center fixed;background-size:cover;display:flex}.contact .form-container{display:flex;flex-direction:column;justify-content:center;width:40%;padding:0 5rem;padding-bottom:0;gap:1rem}.contact .form-container .title,.contact .form-container form{display:flex;flex-direction:column}.contact .form-container .title h1,.contact .form-container .title p{font-family:Cardo,serif;margin:0}.contact .form-container .title h1{font-size:2rem}.contact .form-container .title p{font-size:1.2rem;line-height:1}.contact .form-container form input,.contact .form-container form textarea{background-color:transparent;border:none;border-bottom:2px solid black;padding:.5rem 0;font-size:1.2rem;font-family:Cardo,serif;resize:none;transition:all .5s ease-in-out}.contact .form-container form input::placeholder,.contact .form-container form textarea::placeholder{color:#000;transition:color .3s ease-in-out}.contact .form-container form input:focus,.contact .form-container form textarea:focus{outline:none;border-bottom:2px solid #aaa}.contact .form-container form input:focus::placeholder,.contact .form-container form textarea:focus::placeholder{color:#aaa}.contact .form-container form button{display:flex;align-items:center;align-self:flex-end;color:#000;gap:.2rem;background-color:transparent;border:none;width:fit-content;font-size:1.2rem;font-family:Red Hat Text,sans-serif;cursor:pointer;transition:background-color .3s ease-in-out;position:relative;margin-top:1rem}.contact .form-container form button:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#000;transition:width .3s ease-in-out}.contact .form-container form button svg{width:1.2rem;height:1.2rem;transition:transform .3s ease-in-out}.contact .form-container form button:hover,.contact .form-container form button:focus{outline:none}.contact .form-container form button:hover svg,.contact .form-container form button:focus svg{transform:translate(5px)}.contact .form-container form button:hover:after,.contact .form-container form button:focus:after{width:100%}