.snapWrapper>.container{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.scrollIndicatorWrapper{z-index:1000;flex-direction:column;gap:20px;width:10rem;height:6rem;display:flex;position:fixed;bottom:30%;right:4rem}.scrollIndicatorWrapper.roadmap .text,.scrollIndicatorWrapper.roadmap .indicator{color:#000!important}.scrollIndicatorWrapper:hover .text,.scrollIndicatorWrapper.first .text{margin-right:10px;width:5rem!important}.scrollIndicatorWrapper .row{flex-direction:row;justify-content:flex-end;align-items:center;display:flex}.scrollIndicatorWrapper .row .text{color:#f0f0f0;text-align:end;white-space:nowrap;width:0;height:fit-content;font-size:.8rem;transition:all .5s;overflow:hidden}.scrollIndicatorWrapper .row .indicator{cursor:pointer;z-index:1000;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;transition:all 1s;display:flex}.scrollIndicatorWrapper .row .indicator:after{content:"";z-index:-1;border:2px solid #822659;border-radius:100%;width:20px;height:20px;transition:all .7s;position:absolute}.scrollIndicatorWrapper .row .indicator.active:after{border-radius:0;transition:all .7s;transform:rotate(45deg)}.scrollIndicatorWrapper .footer{background-color:#822659;width:20px;height:3px;position:relative;top:50%;transform:translateY(-50%)}@media screen and (max-width:768px){.scrollIndicatorWrapper{width:1rem;right:1rem}.scrollIndicatorWrapper:hover .text,.scrollIndicatorWrapper.first .text{margin-right:0;width:0!important}}.snapWrapper{flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.snapWrapper::-webkit-scrollbar{display:none}.snapWrapper{-ms-overflow-style:none;scrollbar-width:none}body{margin:0;padding:0;overflow:hidden}.nav{z-index:1000;width:fit-content;height:fit-content;display:flex;position:fixed;top:1rem;right:0}.nav a{place-content:center;align-items:center;display:flex}.nav a svg{color:#f0f0f0;cursor:pointer;width:2rem;height:2rem;margin-right:.5rem;transition:all .3s}.nav a svg:hover{opacity:.8}
.projects-container:not(.active-scroll) .project{opacity:0;height:0!important}
.projects-wrapper{background-color:#004d61;padding:1rem}.projects{background-color:#1d1d1d;border-radius:1rem;width:calc(100vw - 2rem);height:calc(100vh - 2rem);margin:1rem;overflow:hidden}.projects .svg-line-1,.projects .svg-dots,.projects .svg-line-2{pointer-events:none;width:6rem;height:6rem;position:absolute}.projects .svg-line-1{width:15vw;height:15vw;top:60%;left:34%}.projects .svg-line-2{width:20vw;height:20vw;bottom:5%;right:0%;transform:rotate(-45deg)}.projects .svg-dots{width:20vw;height:20vw;top:10%;left:10%}.projects .h1wrapper{height:fit-content}.projects .h1wrapper h1{text-align:center;width:100%;margin-top:1rem;font-size:3em;transition:height .6s;overflow:hidden}.projects .h1wrapper h2{text-align:center;height:1.1rem}.projects .container{flex-direction:row;place-content:center;align-items:center;width:100%;height:fit-content;margin-top:5%;display:flex}.projects .top-container{width:fit-content;height:50vh;transition:width .6s;position:relative}.projects .list{flex-direction:column;align-items:flex-end;width:94vw;transition:width .6s;display:flex;position:relative}.projects .list.has-project{width:30vw}.projects .list:not(.has-project) .project{margin-right:0!important}.projects .list .project{z-index:2;box-sizing:content-box;background-color:#1a1a1a;border-top:3px solid #f0f0f039;justify-content:center;align-items:center;width:100%;height:4rem;margin-right:1rem;padding:.7rem;transition:margin-right .3s,height .3s,opacity .3s;display:flex;position:relative}.projects .list .project:last-of-type{border-bottom:3px solid #f0f0f039}.projects .list .project img{width:4rem;height:auto;margin-right:1rem}.projects .list .project h2{margin-bottom:.5rem;position:relative}.projects .list .project h2:after{content:"";background:#822659;width:40px;height:2px;position:absolute;bottom:-4px;left:0}.projects .list .project.active{border-bottom:3px solid #f0f0f039;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-3px}.projects .list .project.active+.project{border-top:none}.projects .list .project p{width:100%}.projects .list .project{-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 100%);mask-image:linear-gradient(90deg,#0000,#000 30% 100%)}.projects .list .project:not(.active){-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 60%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 60%,#0000)}.projects .list .project:not(.active):hover{cursor:pointer;margin-right:.7rem}.projects .project-full{width:100%;height:100vh;position:absolute}.projects .project-full.active{width:50vw}.projects .project-full>div{opacity:0;z-index:-1;background-color:#1a1a1a;border:3px solid #f0f0f039;flex-direction:column;width:100%;height:fit-content;min-height:50vh;margin-top:1rem;padding:1rem;transition:all .3s ease-out;display:flex;position:absolute;top:0;left:0}.projects .project-full>div h2{align-self:center;width:fit-content;margin-bottom:1rem;font-size:2.5em;display:flex;position:relative}.projects .project-full>div h2:after{content:"";background:#822659;width:8rem;height:3px;position:absolute;bottom:-4px;left:calc(50% - 4rem)}.projects .project-full>div .row{height:50%;margin-top:1rem;display:flex}.projects .project-full>div .row .info{flex-wrap:wrap;place-content:flex-start center;align-items:flex-start;gap:.5rem;width:50%;display:flex}.projects .project-full>div .row .info span{background-color:#004d61;padding:.5rem;font-size:1em}.projects .project-full>div .row .info span.personal{background-color:#822659}.projects .project-full>div .row .info span.client{background-color:#3e5641}.projects .project-full>div .row p{letter-spacing:.3px;width:60%;font-size:1em;line-height:1.5rem}.projects .project-full>div .row p span{font-size:1.2em;font-weight:700}.projects .project-full>div .link{box-sizing:content-box;background-color:#1a1a1a;border:3px solid #f0f0f039;border-radius:5px;width:2rem;height:2rem;padding:.2rem;font-size:2em;position:absolute;top:-1rem;right:-1rem}.projects .project-full>div .link a{width:2rem;height:2rem;display:inline-block}.projects .project-full>div .times{justify-content:space-between;width:calc(100% - 2rem);margin-top:2rem;display:flex;position:relative}.projects .project-full>div .times .tag{color:#fff;border:2px solid #f0f0f0;border-radius:.5rem;margin-right:.3rem;padding:.3rem .5rem}.projects .project-full>div *{opacity:0;transition:opacity .1s linear}.projects .project-full>div.active{opacity:1;z-index:1;margin-top:0}.projects .project-full>div.active *{opacity:1}.projects>svg{width:100%;height:3rem;position:absolute;bottom:0}@media screen and (max-width:768px){.projects .h1wrapper h1{font-size:1.6em}.projects .h1wrapper h2{font-size:.8em}.projects .container{flex-direction:column;height:90%}.projects .container .list{justify-content:center;width:100%;height:70vh;margin-top:20vh;transition:margin-top .6s,height .6s}.projects .container .list.has-project{margin-top:0;height:unset!important}.projects .container .list .project{width:100%;height:1.7rem;transition:background-color .6s,height .6s;margin-right:0!important}.projects .container .list .project.active{background-color:#004d61;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 60%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 60%,#0000)}.projects .container .list .project h2{width:40vw;margin-bottom:0;font-size:1.1em}.projects .container .list .project p{display:none}.projects .container .list .project img{width:2.5rem}.projects .container .top-container{height:100%;width:100%!important}.projects .container .top-container .project-full{width:100%;height:100%}.projects .container .top-container .project-full>div{height:100%}.projects .container .top-container .project-full .times{margin-top:0}.projects .container .top-container .project-full h2{margin-bottom:0;font-size:1.4em}.projects .container .top-container .project-full .info{display:none}.projects .container .top-container .project-full p{width:100%;font-size:.8em}.projects .container .top-container .project-full p br{display:none}}@media screen and (max-height:700px){.projects .list .project{height:1rem!important}.projects .list .project h2{width:50vw!important;font-size:1em!important}.projects .list .project img{width:2rem!important}}
.about-container:not(.active-scroll) *{transition:none!important}.about-container:not(.active-scroll) .score{opacity:0}.about-container:not(.active-scroll) .score .fill{width:0!important}@media screen and (min-width:768px){.about-container:not(.active-scroll) .row-container .devider{height:0}.about-container:not(.active-scroll) .scores{margin-left:100vw}.about-container:not(.active-scroll) .text{margin-right:100vw}}@media screen and (max-width:768px){.about-container:not(.active-scroll) .row-container .devider{width:0!important}.about-container:not(.active-scroll) .scores{opacity:0;margin-top:20vw}.about-container:not(.active-scroll) .text{opacity:0;margin-bottom:20vw}}
.about-container .about{z-index:1;position:sticky}.about-container .svg{z-index:0;width:30vw;height:50vh;position:absolute;top:0;left:0}.about-container .row-container{justify-content:center;width:80vw;padding:2rem;transition:background-color .3s ease-out;display:flex;overflow:visible}.about-container .row-container-resize{align-items:center;width:fit-content;height:100%;display:flex}.about-container .row-container-resize .devider{background-color:#004e61;width:.2rem;height:40vh;margin:0 2rem;transition:height .4s ease-out,width .4s ease-out}.about-container .scores{transition:margin .4s ease-out,opacity .5s linear}.about-container .scores .score{opacity:1;flex-direction:column;width:40vw;margin-bottom:1rem;transition:opacity .5s linear;display:flex}.about-container .scores .score h2{margin-bottom:.5rem;font-size:1.2rem}.about-container .scores .score .bar{background-color:#eee;width:100%;height:.7rem;overflow:hidden}.about-container .scores .score .bar .fill-container{justify-content:flex-start;align-items:center;height:100%;display:flex}.about-container .scores .score .bar .fill-container .fill{background-color:#822659;width:100%;height:100%;transition:width 2s ease-out}.about-container .text{width:30vw;transition:margin-right .4s ease-out,opacity .5s linear}.about-container .text h1{margin-bottom:1rem;margin-left:-.5rem;font-size:2rem}.about-container .text h1:after{content:"";background-color:#004e61;width:5rem;height:.2rem;margin-top:.1rem;display:block}.about-container .text p{margin-bottom:1rem}@media screen and (max-width:768px){.about-container .row-container{flex-direction:column;align-items:center;width:100vw;padding:1rem}.about-container .row-container-resize{flex-direction:column;align-items:center;width:100%}.about-container .row-container-resize .devider{width:40vw;height:.2rem;margin:2rem 0;transition:width .4s ease-out}.about-container .text,.about-container .scores{width:80vw;margin-right:0}.about-container .text .score,.about-container .scores .score{width:100%}}
.home-container{z-index:1;background-color:#1a1a1a;align-items:center;display:flex;overflow:hidden;flex-direction:row!important}.home-container .text{width:66.66%;padding-left:5%;position:relative}.home-container .text h1{font-size:4.4em}.home-container .text h3{font-size:1.3em}.home-container .text h3 .looper{color:#91b496}.home-container .text button{color:#fff;background-color:#0000;border:2px solid #a8a8a8;margin-top:.5rem;padding:5px 10px}.home-container .line{width:60%;height:100%;position:absolute;top:0;right:0}.home-container .line path{animation:10s linear infinite wave}.home-container .image{aspect-ratio:4/5;z-index:2;background-color:#a8a8a8;width:auto;height:40vh;position:relative;right:20%}.home-container .image:after{content:"";z-index:-2;border:3px solid #a8a8a8;width:100%;height:100%;position:absolute;top:7%;left:7%}.home-container .image img{width:100%;height:auto}@keyframes wave{0%{d:path("M 0 0 L 0 -40 L -8 -29 L -14 -25 L -19 -18 L -28 -11 L -34 0")}25%{d:path("M 0 0 L 0 -40.5 L -8.5 -29.5 L -14 -24.5 L -19.5 -18.5 L -28 -11 L -34 0")}50%{d:path("M 0 0 L 0 -39.5 L -7.5 -28.5 L -14.5 -25 L -18.5 -17.5 L -28.5 -11.5 L -34 0")}75%{d:path("M 0 0 L 0 -40 L -8 -29 L -14 -24 L -19 -18 L -28 -11 L -34 0")}to{d:path("M 0 0 L 0 -40 L -8 -29 L -14 -25 L -19 -18 L -28 -11 L -34 0")}}@media screen and (max-width:768px){.home-container{flex-direction:column!important}.home-container .text{width:90%;margin-bottom:4vh;padding:1rem}.home-container .text h1{font-size:3em}.home-container .text h3{font-size:1.2em}.home-container .image{width:40%;height:auto;margin:2rem auto 2rem 4rem;right:0}.home-container .line{width:100%;height:80%;bottom:0;top:unset}}
.roadmap-container #timeline{background-color:#004d61;display:flex}.roadmap-container #timeline:hover .tl-item{width:23.3333%}.roadmap-container .tl-item{color:#fff;width:25%;height:100vh;min-height:600px;transition:width .5s;position:relative;overflow:hidden;transform:translate(0,0)}.roadmap-container .tl-item:before,.roadmap-container .tl-item:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(0,0)}.roadmap-container .tl-item:after{opacity:1;transition:opacity .5s}.roadmap-container .tl-item:before{z-index:1;opacity:0;background:linear-gradient(#0000 0%,#000 75%);transition:opacity .5s,transform .5s;transform:translate(0,0)translateY(50%)}.roadmap-container .tl-item:hover{width:30%!important}.roadmap-container .tl-item:hover:after{opacity:0}.roadmap-container .tl-item:hover:before{opacity:1;transition:opacity 1s,transform 1s .25s;transform:translate(0,0)translateY(0)}.roadmap-container .tl-item:hover .tl-content{opacity:1;transition:all .75s .5s;transform:translateY(0)}.roadmap-container .tl-item:hover .tl-bg{filter:grayscale(0)}.roadmap-container .tl-content{z-index:1;text-align:center;opacity:0;margin:0 1.618em;position:relative;top:55%;transform:translate(0,0)translateY(25px)}.roadmap-container .tl-content h1{text-transform:uppercase;color:#1779cf;font-family:Pathway Gothic One,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.44rem;font-weight:400}.roadmap-container .tl-year{z-index:1;border-top:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;width:fit-content;height:fit-content;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.roadmap-container .tl-year:after{z-index:-1;content:"";width:100%;position:absolute;top:50%;left:0;box-shadow:0 0 20px 5px #000}.roadmap-container .tl-year p{font-family:Pathway Gothic One,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.728rem}.roadmap-container .tl-bg{filter:grayscale();background-position:50%;background-size:cover;width:100%;height:100%;transition:filter .5s;position:absolute;top:0;left:0;transform:translate(0,0)}@media screen and (max-width:768px){.roadmap-container #timeline{flex-direction:column;height:100vh}.roadmap-container .tl-item{height:25%;min-height:unset;transition:height .5s,width .5s;width:100%!important}.roadmap-container .tl-item:hover{height:100%;width:100%!important}.roadmap-container .tl-item:hover .tl-year{margin-top:6%;top:0}.roadmap-container .tl-item:hover:before{background:linear-gradient(#00000080,#000)}.roadmap-container .tl-item .tl-year{transition:top .5s,margin-top .5s;top:50%;transform:translate(-50%)}.roadmap-container .tl-item .tl-content{margin:0 1em;top:18%}}

.contact-container:not(.active-scroll) *{transition:none!important}.contact-container:not(.active-scroll) .form>p{height:0}.contact-container:not(.active-scroll) .input-container,.contact-container:not(.active-scroll) button,.contact-container:not(.active-scroll) h1{opacity:0}
.contact-container{flex-direction:column;align-items:center;padding:20px;display:flex}.contact-container svg{z-index:1;width:80vw;height:70vh;position:absolute;top:0%;right:0%;transform:scaleX(-1)}.contact-container h1{margin-bottom:1rem;font-size:2.5rem;transition:opacity .5s linear}.contact-container h1:after{content:"";background-color:#004e61;width:5rem;height:2px;margin-top:10px;display:block}.contact-container .form{z-index:2;border-radius:10px;width:30vw;padding:1rem}.contact-container .form>p{height:4rem;transition:height .5s linear;overflow:hidden}.contact-container .form .input-container{margin-top:1rem;transition:opacity .5s linear}.contact-container .form input{border:none;border-radius:5px;width:100%;margin:5px 0;padding:10px}.contact-container .form textarea{border:none;border-radius:5px;width:100%;min-width:100%;max-width:100%;max-height:50vh;margin:5px 0;padding:10px}.contact-container .form .error{color:red;margin-top:5px;font-size:.9rem;font-weight:600;display:inline}.contact-container .form button{color:#fff;cursor:pointer;float:right;background-color:#004e61;border:none;border-radius:5px;margin-top:1rem;padding:10px 20px;font-size:1rem;transition:opacity .5s linear .8s}.contact-container .form button:hover{background-color:#003d4d}@media screen and (max-width:768px){.contact-container .form{width:90vw}}