*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}@media(max-width:1280px){html{font-size:60.5%}}@media(max-width:768px){html{font-size:58.5%}}@media(max-width:668px){html{font-size:56.5%}}body{overflow-x:hidden;font-size:1.2rem;margin:0;font-family:"Lato",-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;color:#191a1e;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::selection{color:#fff;background:#191a1e}a{color:#191a1e;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#191a1e;border-radius:5px}.sub-heading{font-size:1.8rem;letter-spacing:.4rem;text-transform:uppercase;opacity:.45}.section-title{font-size:3.5rem;text-transform:uppercase;color:#fff;margin:1rem 0}.footer{background-color:rgba(0,0,0,.048);padding:4rem;width:75%;justify-content:center;align-self:center;font-size:1.6rem;margin:6rem auto 0;display:flex;justify-content:space-between;align-items:center}@media(max-width:968px){.footer{flex-direction:column;align-items:center}.footer>*{margin:1rem 0}}.footer svg{cursor:pointer;width:2rem}.footer svg path{fill:#141414;transition:all .1s ease-in-out}.footer svg:hover path{opacity:.7}.footer-social{display:flex;justify-content:space-between;align-items:center}.footer-social>*{margin:0 3rem}.line{height:3px;background-color:#a58861;border-radius:100px}.logo{display:flex;align-items:center;font-size:28px;font-weight:500}.logo-name{margin-right:10px;color:#fff}.logo .line{margin-top:10px}.nav-button-container{cursor:pointer}.nav-button-container .nav-line{height:2px;width:22px;background-color:#fff;margin:6px 0;transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:center}.nav-button-container:hover .nav-line:first-child{transform:translateX(-4px)}.nav-button-container:hover .nav-line:last-child{transform:translateX(4px)}.nav-button-container-active .nav-line-1{transform:translateY(8px) rotate(45deg)}.nav-button-container-active .nav-line-2{transform:rotate(-45deg)}.header-container{padding:25px 50px;display:flex;justify-content:space-between;align-items:center;width:100%;top:0;position:fixed;left:0;mix-blend-mode:difference;z-index:33}@media(max-width:965px){.header-container{position:absolute;padding:25px}}.social-container{height:18rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:fixed;top:50%;left:3rem;transform:translateY(-50%);mix-blend-mode:difference;z-index:553}@media(max-width:968px){.social-container{display:none}}.social-container svg{cursor:pointer;width:2rem}.social-container svg path{fill:#fff;transition:all .1s ease-in-out}.social-container svg:hover path{opacity:.7}.fb-icon svg{width:1.2rem}.about{background-color:#191a1e;color:#fff;padding:10rem 20rem 30rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.about-text{margin:5rem 0;font-size:1.7rem;width:70%;line-height:30px;color:#fff}@media(max-width:768px){.about-text{width:90%;margin-bottom:6rem}}.about-text span{font-weight:bolder;color:#a58861}.about-abilities{display:flex}.about-abilities .ability-item{font-size:2rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:.6rem 0;font-weight:300}.about-abilities .ability-title{color:#a58861;text-transform:uppercase;font-size:1.7rem;margin-bottom:3rem}.about-abilities>*{margin:0 3rem}@media(max-width:968px){.about{flex-direction:column;padding:10rem 3rem 30rem 5rem}}.about-wave{position:absolute;bottom:-20rem;left:0;width:110%}.contact__field{margin:2rem 0;position:relative;height:5rem;display:flex;width:60%}.contact__input{width:100%;padding:1rem .7rem;background-color:hsla(0,0%,100%,0);border:none;border-bottom:1px solid rgba(2,2,2,.692);outline:none;color:#181818;margin-top:1rem;font-size:1.7rem;z-index:1}.contact__input:focus~.contact__label{top:0;left:0;font-size:1.3rem;opacity:.7}.contact__label{position:absolute;top:1.9rem;left:0;font-family:"Lato",sans-serif;font-size:1.5rem;transition:all .25s ease-in-out;z-index:0}.shrink{top:0;left:0;font-size:1.3rem;opacity:.7}.contact{background-color:#fff;color:#191a1e;padding:7rem 15rem}@media(max-width:968px){.contact{padding:2rem}}.contact .section-title{color:#191a1e}.contact__form{margin-top:6rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact__send{text-transform:uppercase;font-size:1.7rem;padding:1.7rem 12rem;border:none;outline:none;text-align:center;background-color:rgba(0,0,0,.027);color:#a58861;cursor:pointer;margin-top:3rem;transition:all .2s ease-in-out}.contact__send:hover{background-color:rgba(0,0,0,.082)}.contact__message-container{margin:2rem 0;position:relative;width:60%}.contact__message{background-color:transparent;resize:none;outline:none;border:none;border-bottom:1px solid rgba(0,0,0,.692);width:100%;padding:1.7rem .1rem;font-size:1.7rem;color:#000}.contact__message:focus~.contact__label{top:0;left:0;font-size:1.3rem;opacity:.7}.btn{background-color:#191a1e;display:flex;align-items:center;color:#fff;padding:1rem 3rem;border:none;cursor:pointer;outline:none;border-radius:100px;font-weight:500;font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:1.7rem}.btn-arrow{margin-left:20px;margin-top:1rem}.btn-arrow svg{width:2.2rem;margin-top:-.6rem}.btn-arrow svg path{fill:hsla(0,0%,100%,.164);transition:all .2s ease-in-out}.btn:hover .btn-arrow svg path{fill:#fff}.hide{overflow:hidden}.landing-section{height:100vh;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;overflow:hidden;position:relative}.landing-text{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:11}.landing-text .sub-heading{font-size:1.6rem;letter-spacing:.2rem;opacity:.45}.landing-text .main-heading{font-weight:400;margin-top:1rem;font-size:5rem}.landing-text .main-heading span{font-weight:bolder;color:#a58861}@media(max-width:768px){.landing-text .main-heading{font-size:4rem}}.landing-text button{margin-top:4rem}.landing-section{text-align:center}.scroll-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.scroll-container .scroll-text{font-size:2rem}.scroll-container .scroll-line{height:90px;width:1px;background-color:rgba(0,0,0,.265)}.landing-wave{width:100rem;height:150rem;position:absolute;top:-30%}.landing-wave path{stroke:rgba(0,0,0,.192);z-index:1}.skills{background-color:#fff;padding:7rem 15rem;display:flex;flex-direction:column;align-content:center}.skills-title{margin:1rem auto}.skills-title .section-title{font-weight:500;color:#191a1e}.skills-cards{margin:6rem 0;display:flex;justify-content:space-between}@media(max-width:968px){.skills-cards{flex-direction:column;align-items:center}.skills-cards>*{margin:2rem 0}}.skills-cards .card{width:29rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 3px 20px rgba(0,0,0,.076);border-radius:5px;transition:all .2s ease-in-out}.skills-cards .card:hover{box-shadow:0 3px 10px rgba(0,0,0,.076)}.skills-cards .card__title{font-size:2.3rem;width:90%;text-align:center;margin-top:1rem;margin-bottom:2rem;border-bottom:2px solid rgba(0,0,0,.103);padding:2rem}.skills-cards .card__items{font-size:1.9rem;margin-bottom:3rem}.skills-cards .card__item{margin:1.3rem 0}.work__card{background-color:#efedf5;width:40rem;color:#191a1e;padding:2rem 4rem}.work .card__heading{text-transform:uppercase;margin:1rem 0;font-size:2rem;width:90%;line-height:3rem;height:6rem}.work .card__title{margin:1.2rem 0;font-weight:700}.work .card__description{height:7rem;font-size:1.5rem;margin:3rem 0;line-height:2.4rem}.work .card__footer{display:flex;justify-content:flex-end;margin-top:3rem;padding-top:2rem;font-size:1.45rem;border-top:1px solid rgba(0,0,0,.144)}.work .card__view{cursor:pointer;padding:1.5rem 2rem;background-color:rgba(0,0,0,.027);border-radius:50px;transition:all .2s ease-in-out}.work .card__view:hover{background-color:rgba(0,0,0,.103)}.work{background-color:#fff;padding:7rem 15rem;display:flex;flex-direction:column;align-content:center}.work-title{margin:1rem auto}.work-title .section-title{font-weight:500;color:#191a1e}.work-container{display:grid;grid-template-columns:repeat(auto-fit,40rem);grid-gap:6rem;justify-items:center;margin-top:8rem}.loader-overlay,.work-container{justify-content:center;align-items:center}.loader-overlay{height:100vh;background-color:#fff;width:100%;display:flex}.loader{display:inline-block;height:50px;width:50px;border-radius:50%;border:3px solid hsla(0,0%,76.5%,.6);border-top-color:#636767;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(1turn)}}.project-about-container{padding:8rem 12rem;display:grid;grid-template-columns:repeat(auto-fit,50rem);grid-template-rows:repeat(4,1fr);justify-content:center}@media(max-width:968px){.project-about-container{display:flex;flex-direction:column;padding:7rem}}.project-group{width:50rem}.project-group--description{grid-row:1/3;grid-column:1/2}@media(max-width:968px){.project-group{margin:1rem 0;width:96%}}.project-group-title{width:80%;margin-bottom:2rem;text-transform:uppercase;font-size:1.9rem;letter-spacing:.2rem;color:rgba(0,0,0,.397)}.project-group-info{font-size:1.6rem;color:rgba(0,0,0,.863);max-width:40rem;padding-bottom:2rem;line-height:2.3rem;border-bottom:1px solid rgba(0,0,0,.116)}.project-group-info a:hover{text-decoration:underline}.project-detail-container{position:relative;margin-bottom:15rem}.project-detail__nav{display:flex;margin-top:3rem;padding:0 12rem;position:absolute;bottom:5rem}@media(max-width:968px){.project-detail__nav{bottom:-8rem;left:8rem}}.project-detail__nav svg{width:1.4rem}.project-detail__nav svg path{fill:#fff}.project-detail__nav>*{padding:1rem 1.9rem;background-color:#191a1e;cursor:pointer}.project-detail__nav>* svg{transition:all .2s ease-in-out}.project-detail__nav--1{transform:rotate(90deg);margin-right:2rem}.project-detail__nav--1:hover svg{transform:translateY(4px)}.project-detail__nav--2{transform:rotate(-90deg)}.project-detail__nav--2:hover svg{transform:translateY(4px)}.project-detail{display:flex;justify-content:space-between;height:60rem;position:relative}@media(max-width:968px){.project-detail{display:flex;flex-direction:column;align-items:flex-start}}.project-detail__image-container{height:100%;width:100%;background-image:linear-gradient(270deg,#efedf5 0,#efedf5 70%,hsla(0,0%,100%,0) 0);display:flex;align-items:center}@media(max-width:968px){.project-detail__image-container{background-image:none!important}}.project-detail__description-container{padding-left:12rem}@media(max-width:968px){.project-detail__description-container{padding-left:5rem}}.project-detail__description-container h2{font-size:3.5rem;text-transform:uppercase;color:#191a1e;padding:1.5rem 0}.project-detail__heading{margin-bottom:5rem}.project-detail__description{font-size:1.6rem;line-height:2.5rem;width:45rem;height:10rem}@media(max-width:968px){.project-detail__description{width:90%}}.project-detail__image{background-color:#191a1e;height:40rem;width:55rem;margin-left:10rem}@media(max-width:968px){.project-detail__image{width:35rem;height:25rem;margin:0 auto}}.project-detail__image img{object-fit:cover;width:100%;height:100%}.project-landing{display:flex;flex-direction:column;justify-content:start;align-items:center;height:86vh;width:100vw;background-color:#efedf5;position:relative;overflow:hidden}.project-landing>*{z-index:11}.project-title{margin-top:15rem;margin-bottom:4rem;width:50%;font-size:5.5rem;text-align:center;text-transform:capitalize}.project .detail-wave{position:absolute;top:-50%;width:100%;z-index:1;transform-origin:center;transform:rotate(180deg)}.project{background-color:#fff;display:flex;flex-direction:column;align-content:center}.menu-item{font-size:4.5rem;font-weight:700;color:#fff;transition:all .2s ease-in-out;margin:2.5rem 0;cursor:pointer}.menu-item:hover{color:#b6b3b3}.menu{position:fixed;top:-120%;left:0;height:100vh;width:100%;background-color:#191a1e;overflow-y:hidden;color:#fff;z-index:33;display:flex;justify-content:space-around;align-items:center;padding:4rem;transition:all .5s cubic-bezier(.21,.47,.33,.83)}.menu>*{opacity:0;transition:all .4s ease-in-out .6s}.menu-active{top:0}.menu-active>*{opacity:1}@media(max-width:968px){.menu-info{display:none}}.menu-info-title{color:#a58861;text-transform:uppercase;font-size:1.7rem;margin-bottom:3rem}.menu-info-el{font-size:1.5rem;margin:.7rem 0}.menu-info-el--copy{margin-top:6rem;color:hsla(0,0%,100%,.664)}.menu-info-el a{color:#fff;transition:all .2s ease-in-out}.menu-info-el a:hover{color:#e2e2e2;text-decoration:underline}
/*# sourceMappingURL=main.7a457029.chunk.css.map */