body,html{background-color:#fff;font-family:Montserrat,sans-serif;margin:0 auto;overflow-x:hidden;scroll-behavior:smooth}::selection{background-color:rgba(0,0,0,.92);color:#fff}*{box-sizing:border-box;margin:0;padding:0}:not(.skip):focus{outline-color:#000}a{background-color:initial;background-image:linear-gradient(#000,#000);background-repeat:no-repeat;background-size:0 100%;color:#000;text-decoration:none;transition:all .3s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a:not(.nav-logo,.nav-link,.hero,.about-image,.project,.see-all,.service-content a):hover{background-size:100% 100%;color:#fff}.flex{display:flex}.wrap{flex-wrap:wrap}.column{flex-direction:column}.center{align-items:center;justify-content:center}.container{margin:0 auto;max-width:2200px;padding:0 5rem;width:100%}h1,h2,h3,p{transition:all .3s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}h2{font-size:2rem}h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}p{line-height:1.5}@media (max-width:992px){.container{padding:0 3rem}}@media (max-width:576px){.container{padding:0 1.25rem}h3{font-size:1.25rem}}.skip{background-color:#000;color:#fff;height:2rem;left:0;position:absolute;right:0;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .25s ease-in-out;width:100%}.skip:focus,.skip:hover{text-decoration:underline}.skip:focus{outline:none;-webkit-transform:translateY(0);transform:translateY(0)}#nav{align-items:center;justify-content:space-between;margin-top:3rem}.nav-logo{font-size:1.75rem;font-weight:700;letter-spacing:.5rem;line-height:1.5;text-transform:uppercase;z-index:2}.nav-logo span{font-size:1.5rem;font-weight:500}.nav-links{align-items:flex-end;background-color:rgba(0,0,0,.92);height:100vh;opacity:0;padding-top:10rem;pointer-events:none;position:fixed;right:0;top:0;width:100vw;z-index:1}.nav-link,.nav-links{transition:all .3s ease-in-out}.nav-link{background-color:initial;background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-size:0 100%;color:#fff;font-size:3rem;font-weight:500;margin:2rem 5rem 0 0;padding:0 .5rem}.nav-link:hover{background-size:100% 100%;color:#000}.menu{cursor:pointer;height:42px;justify-content:space-between;width:48px;z-index:2}.line1,.line2,.line3{background-color:#000;height:3px;transition:all .3s ease-in-out;width:48px}.menu .line2{margin-left:auto;width:32px}.logo-invert{color:#fff}.menu-active{background-color:#fff;height:3px;transition:all .3s ease-in-out;width:48px}.line1-active{-webkit-transform:rotate(-45deg) translate(-20px,7px);transform:rotate(-45deg) translate(-20px,7px)}.line2-active{margin-left:auto;transition:all .3s ease-in-out;width:0}.line3-active{-webkit-transform:rotate(45deg) translate(-20px,-7px);transform:rotate(45deg) translate(-20px,-7px)}.active{opacity:1;pointer-events:all}@media (max-width:992px){.nav-link{margin:2rem 3rem 0 0}}@media (max-width:576px){#nav{margin-top:1.25rem}.nav-logo{font-size:1.25rem}.nav-logo span{font-size:1rem}.nav-links{padding-top:6rem}.nav-link{font-size:2.25rem;margin:2rem 1.25rem 0 0}}#main{justify-content:space-between;padding-top:8rem}#main h1{font-size:5rem}#main h1 span{font-weight:500}.main-top{justify-content:space-between}.main-links{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main-links a{border-bottom:.1rem solid #000;font-size:1.5rem;margin:0 2rem 0 0;padding:.5rem}.hero{align-items:flex-end;background-image:url(https://i.imgur.com/45LtNSr.png);background-position:50%;background-size:cover;color:#fff;height:28rem;justify-content:flex-start;margin-left:auto;margin-top:5rem;position:relative;-webkit-transform:translateX(5rem);transform:translateX(5rem);width:72rem}.black-bg,.hero{background-color:#000}.black-bg{height:100%;opacity:.16;position:absolute;transition:all .3s ease-in-out;width:100%}.about-image h2,.hero h2{margin:0 0 2rem 2rem;opacity:0;z-index:1}.about-image:hover .black-bg,.hero:hover .black-bg{opacity:.4}.about-image:hover h2,.hero:hover h2{opacity:1}@media (max-width:1100px){.main-top{flex-direction:column}.main-links{margin-top:4rem}}@media (max-width:992px){.hero{background-position:bottom 0 right 3rem;width:92vw}}@media (max-width:576px){#main h1{font-size:3rem}.main-links a{font-size:1.23rem}}#about{justify-content:space-between;min-height:-webkit-max-content;min-height:max-content;padding-top:5rem}#about div{height:26rem;width:54%}#about h2,#all-projects h2,#contact h2,#form h2,#projects h2{font-size:2.5rem;margin-bottom:2rem;text-transform:uppercase}#about p{font-size:1.5rem;font-weight:500;margin-left:5rem}.about-image{align-items:flex-end;background-color:#000;background-image:url(https://i.imgur.com/kaCrQ2m.jpeg);background-size:cover;color:#fff;height:26rem;justify-content:flex-start;margin-left:auto;margin-top:5rem;position:relative;-webkit-transform:translateX(5rem);transform:translateX(5rem);width:36rem}#about .black-bg{width:100%}#about .about-image h2{font-size:2rem;text-transform:none}@media (max-width:1490px){#about p{font-size:1.25rem}}@media (max-width:1190px){#about div{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}#about h2,#all-projects h2,#contact h2,#form h2,#projects h2{font-size:2rem}.about-image{display:none}}@media (max-width:576px){#about h2,#all-projects h2,#contact h2,#form h2,#projects h2{margin-bottom:1rem}#about p{margin-left:3rem}}.hrh2{border:none;border-bottom:.25rem solid #000;margin-right:1rem;width:4rem}@media (max-width:576px){.hrh2{width:2rem}}#projects{min-height:-webkit-max-content;min-height:max-content;padding-top:5rem}.project-list{overflow-x:scroll}.project-list::-webkit-scrollbar{display:none}.see-all{font-size:1.5rem;font-weight:500;height:22rem;min-width:16rem;width:16rem}.see-all i{margin-left:.5rem;transition:all .3s linear}.see-all:hover{background-color:rgba(0,0,0,.08)}.see-all:hover i{margin-left:1rem}.project{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:0 1rem;min-width:24rem;overflow:hidden;position:relative;width:24rem}.project:after{background-color:#000;bottom:0;content:"";height:.1rem;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:100%}.project:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.project h3{font-weight:500;margin-bottom:.5rem;margin-top:2rem}.project img{-webkit-filter:brightness(.72);filter:brightness(.72);transition:all .3s ease-in-out;width:100%}.project:hover img{-webkit-filter:brightness(.88);filter:brightness(.88);-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:576px){.project{width:92vw}}#contact{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding-top:5rem}.contact-left{height:-webkit-max-content;height:max-content;min-height:-webkit-max-content;min-height:max-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.email{font-size:1.25rem;margin:2rem 0 1rem 5rem;padding:.25rem .5rem}.contact-left div{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.social{height:2.5rem;margin-right:1rem;width:2.5rem}.services{overflow-x:scroll}.services::-webkit-scrollbar{display:none}@media (max-width:992px){#contact{flex-direction:column}.services{padding-top:2rem}.email{margin-top:0}}@media (max-width:576px){.email{font-size:1rem}.contact-left div,.email{margin-left:0}}.service{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;height:24rem;margin:0 1rem;min-width:16rem;width:16rem}.service-content{background-color:rgba(0,0,0,.72);color:#fff;height:94%;padding:1rem .5rem;width:90%}.service-content h3{font-weight:700}.service-content a{background-color:#fff;font-weight:600;letter-spacing:.1rem;margin-top:1rem;padding:.25rem .5rem;text-transform:uppercase}.service-content a:hover{background-color:hsla(0,0%,100%,.64)}#services .service{width:100%}#form{padding-top:5rem}form{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:0 auto;width:88%}form input{height:2.5rem;margin-bottom:3rem;width:48%}form textarea{height:8rem;margin-bottom:1rem;resize:none;width:100%}form input,form textarea{border:none;border-bottom:.1rem solid #000;font-family:Montserrat,sans-serif;font-size:1rem;outline:none;padding:.25rem 0}form input:-webkit-autofill,form input:-webkit-autofill:active,form input:-webkit-autofill:focus,form input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;-webkit-transition:background-color 5000s;transition:background-color 5000s}.submit{background-color:#000;background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-size:0 100%;border:.1rem solid #000;color:#fff;cursor:pointer;font-size:1rem;letter-spacing:.2rem;padding:.6rem .75rem .5rem;text-transform:uppercase;transition:all .3s ease-in-out}.submit:hover{background-size:100% 100%;color:#000}.toast{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:hsla(0,0%,100%,.32);bottom:10%;box-shadow:.1rem .1rem 1rem rgba(0,0,0,.75);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.75rem 1.5rem;position:fixed;right:-100%;transition:all .6s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:100}.toast-active{bottom:10%;right:1%}.toast i{color:green;margin-left:1rem}@media (max-width:576px){form{width:100%}}.intro{background-color:#000;height:100vh;left:0;position:fixed;top:0;transition:all .5s ease-in-out;width:100vw;z-index:10}.intro-active{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.intro-logo{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:show;animation-name:show;-webkit-filter:invert(100%);filter:invert(100%);width:9rem}@-webkit-keyframes show{0%{opacity:0}to{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}#all-projects{padding-top:5rem}#all-projects div{justify-content:space-evenly}#all-projects .project{margin-bottom:3rem;width:26rem}@media (max-width:992px){#all-projects .project{margin-bottom:2rem;margin-left:.5rem;margin-right:.5rem;min-width:20rem;width:20rem}}@media (max-width:576px){#all-projects .project{min-width:90vw;width:90vw}}#services{padding-top:6rem}#services h2{margin-bottom:3rem}@media (max-width:768px){#services h2{font-size:1.5rem}}#footer{border-top:.1rem solid rgba(0,0,0,.16);margin-left:.5rem;margin-top:5rem;padding-bottom:2rem;padding-top:2rem}.footer-links{margin-right:4rem}.footer-links a{font-size:1.25rem;margin:.5rem 0;padding:.25rem .5rem}.footer-socials{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-socials a{height:2rem;margin:0 1rem 0 0;width:2rem}.footer-middle{justify-content:space-between;margin:2rem 0}.footer-middle div{margin-top:auto}.footer-logo{width:9rem}.footer-logos{margin-left:1rem;width:7rem}.footer-bottom{justify-content:space-between}@media (max-width:576px){.footer-links{margin-right:1rem}.footer-links a{font-size:1.1rem;margin:.5rem 0;padding:.25rem .5rem}.footer-socials{flex-direction:column}.footer-socials a{height:2rem;margin:0 0 1rem;width:2rem}.footer-logo{width:8rem}.footer-logos{width:5rem}.footer-bottom{flex-direction:column}.footer-bottom a{margin-top:.5rem}}#privacy{margin-top:5rem}
/*# sourceMappingURL=main.557677a9.css.map*/