body{overflow:hidden;font-family:'Poppins', sans-serif;background:var(--bgColor);color:var(--textColor);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;-webkit-transition:all 0.3s;transition:all 0.3s;min-height:100vh;will-change:background-color}#viewport{z-index:10;width:100vw;height:100vh;overflow:auto}a{color:var(--textColor);text-decoration:none;-webkit-transition:all 0.3s;transition:all 0.3s}a:hover{opacity:0.5}img{max-width:100%}li{list-style:none}h1{font-size:2.4rem}p{font-size:1.4rem}canvas{outline:none;position:absolute;width:100vw;height:100vh;min-height:450px;top:0;z-index:0}.overlay{top:0;left:0;z-index:0;width:100vw;height:100vh;min-height:450px;background:var(--bgColor);will-change:background-color;-webkit-transition:background 0.7s;transition:background 0.7s;opacity:.8;display:block;content:"";position:absolute}.bg-holder{position:absolute;z-index:0;width:100vw;height:100vh;overflow:hidden;min-height:450px}header{position:absolute;z-index:3;width:100vw;color:var(--textColor);-webkit-transition:background-color 0.5s;transition:background-color 0.5s;overflow:visible;overflow:initial;padding:1.5rem 7rem}.header-scroll{background:var(--bgColor);opacity:0.95}header div{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:1;opacity:0;top:-200px}header h1{font-weight:400}header ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-filter:brightness(0.95);filter:brightness(0.95);opacity:0;left:0;top:calc(100vh - 4.25em);min-width:100vh;transform:rotate(-90deg) translateY(1em);-webkit-transform:rotate(-90deg) translateY(4rem);transform-origin:0 100%;-webkit-transform-origin:0 100%;position:absolute;padding-right:12em;z-index:1;overflow:auto;background:var(--bgColor);will-change:background-color;-webkit-transition:background 0.7s;transition:background 0.7s}header li:first-child{color:var(--textColor);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}header li{list-style:none;font-weight:400;padding:1em 1.5em;font-size:1.2rem}header .logo{width:2.5rem;cursor:pointer;-webkit-transition:all .7s;transition:all .7s}header .logo-txt{cursor:pointer;-webkit-transition:all .7s;transition:all .7s}header .logo:hover,header .logo-txt:hover{opacity:0.8}main{margin:4.5rem;padding:0 2.5rem;position:relative;z-index:2;-webkit-box-flex:1;-ms-flex:1;flex:1}footer section,main section{padding:1rem 2.5rem}footer{padding-top:7rem;position:relative;z-index:2;margin:7rem}.about{width:75%;height:100vh;min-height:450px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;z-index:1}iframe{width:95%;max-width:900px;margin:0 auto;aspect-ratio:16/9;display:block}.about--inside{width:100%;height:auto;height:initial;margin-top:15rem}.about-title--inside{font-size:12rem !important}.about-title{font-size:calc(5rem + 1vw);font-weight:700;line-height:.88em;overflow:hidden;margin:0 0 3rem;text-transform:uppercase}.about-title span{position:relative;top:250px;-webkit-transform:rotate(15deg);transform:rotate(15deg);display:inline-block;overflow:hidden;margin:0;padding:0;opacity:0;display:block;line-height:1.1}.about-title p{width:6rem !important}.about-title p{display:block;background:var(--textColor);-webkit-transition:all 0.3s;transition:all 0.3s;opacity:0;height:.5rem;margin:3rem 0 0;overflow:hidden}section{min-height:100vh}.services p,.services li,.contact p,.about p{font-size:1.8rem;width:80%}.about>p{font-size:1.8rem;width:80%;position:relative;top:250px;-webkit-transform:rotate(15deg);transform:rotate(15deg);display:inline-block;overflow:hidden;margin:1rem 0;padding:0;opacity:0}.services li,.services p,.services h1,.contact p{margin:0}.about h1{margin:0 0 3rem}.contact h1{margin:3rem 0 0 3rem}.social a{color:var(--textColor);margin-right:2rem;margin-top:2rem;display:inline-block;-webkit-transition:all 0.3s;transition:all 0.3s}.social a:hover{color:black}.scroll-content{overflow:hidden}.scroll-down{position:absolute;display:none;width:100vw;height:100vh;min-height:450px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;text-transform:lowercase;font-size:1.5rem;pointer-events:none;z-index:2;-webkit-text-stroke:0.5px var(--textColor);-webkit-text-fill-color:tranparent;color:transparent;letter-spacing:2px}.clients{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem 3rem}.clients li{width:calc(18% - 1px);margin:1px;text-align:left;background:white}.mobile-grid{width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:3rem auto;overflow:hidden;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mobile-grid img{width:20% !important}#imgs img{width:90%;display:block;margin:3rem auto}.clients img{width:58%;padding:0;will-change:transform}li,section,ul,.projects,.projects ul,.projects li,.contact,#contact,.projects li div{overflow:hidden}.projects li{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;max-height:800px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.projects li div{width:48%}.projects li img{width:48%}.projects h1{font-size:3rem;color:var(--textColor);line-height:1.2em;overflow:hidden;font-weight:normal}[dir="ltr"] .projects h2{margin-left:0px}[dir="rtl"] .projects h2{margin-right:0px}[dir="ltr"] .projects h2{margin-right:0px}[dir="rtl"] .projects h2{margin-left:0px}.projects h2{font-size:5.2rem;margin-top:0;margin-bottom:0;margin:0 0 3rem 0;padding:0;line-height:1.2em;overflow:hidden}.projects h2::after{content:"";background:var(--textColor);width:2em;height:3px;display:block;margin-top:.2em}.projects p{font-size:1.8rem;width:90%}h1.title{font-size:6rem;margin:10rem 0 1rem;color:var(--textColor);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;max-width:75%;font-weight:bold;line-height:1em;-webkit-transform-origin:left bottom;transform-origin:left bottom;overflow:hidden;text-transform:uppercase}.services li{padding:0 0 .5rem 0}.services-title li>b{font-size:3.5rem;padding-top:5rem;display:block}.clients{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.clients{display:-webkit-box;display:-ms-flexbox;display:flex;background:white;padding:0}.services ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0}.left-p{-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.left-p{text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.about-a{text-transform:uppercase !important}.about-a{font-size:1.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:block;line-height:2.7em}.contact-a{display:block;font-size:4rem;font-weight:bold;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-sm{text-align:left;position:relative;top:-.5em;font-size:3rem}.transition-holder{width:100vw;height:100vh;position:fixed;top:0;z-index:10;overflow:hidden;visibility:hidden}.transition-holder div{width:100%;height:22%;background:var(--bgColor);will-change:transform, background-color;-webkit-transform-origin:left;transform-origin:left}.transition-holder div:nth-child(1){-webkit-filter:brightness(0.88);filter:brightness(0.88)}.transition-holder div:nth-child(2){-webkit-filter:brightness(0.95);filter:brightness(0.95)}.transition-holder div:nth-child(3){-webkit-filter:brightness(0.93);filter:brightness(0.93)}.transition-holder div:nth-child(4){-webkit-filter:brightness(0.9);filter:brightness(0.9)}.transition-holder div:nth-child(5){-webkit-filter:brightness(0.88);filter:brightness(0.88)}.transition-holder div:nth-child(6){-webkit-filter:brightness(0.93);filter:brightness(0.93)}.transition-holder div:nth-child(7){-webkit-filter:brightness(0.9);filter:brightness(0.9)}@media only screen and (max-width: 1150px){html{font-size:70%}.services ul{-ms-flex-wrap:wrap;flex-wrap:wrap}footer section,main section{padding:1rem 0}.about-title--inside{font-size:7rem !important}.about-title--inside{line-height:inherit}.about .br{display:none}.about p{font-size:2rem;width:100%}.about-title{font-size:4.5rem;line-height:1.2em;margin:0 0 1rem}.about{margin:2rem;width:calc(100% - 4rem)}.about h1{margin:7rem 0 1rem;max-width:100%}.about p{max-width:85%}.about-title span{width:100%;position:relative;margin:0rem 0}header li{padding:0.5em 1em;font-size:1.8rem}header li:first-child{display:none}header{padding:0}header div{background:var(--bgColor);padding:10px 15px 5px}canvas{margin-left:0}header h1:first-child{display:none}header ul{-webkit-filter:brightness(1);filter:brightness(1);padding-right:0em;-webkit-transform:none;transform:none;-webkit-transform:initial;transform:initial;top:2rem;left:auto;left:initial;width:70vw;-ms-flex-pack:distribute;justify-content:space-around;position:absolute;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform-origin:left;transform-origin:left;right:2rem;bottom:auto;bottom:initial;min-width:auto;background-color:transparent;background-color:initial}.projects li{margin:1rem 1rem 15rem 1rem;max-height:none;max-height:initial;min-height:100vh;height:auto}.projects li div{width:58%}.projects li img{border-radius:0px;margin:5rem 1rem}.projects h2{font-size:4.5rem}h1.title{font-size:5rem}section{margin:2rem}footer{margin:0}main{margin:0;padding:0}}@media only screen and (max-width: 880px){html{font-size:55%}.about--inside{margin-top:10rem !important}main{padding:.5em 0 5em 0}.projects li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.projects li div{width:90%;margin:3rem 0}.projects li img{width:60%;height:55vh;-o-object-fit:cover;object-fit:cover;margin:1rem 0rem;-o-object-position:center;object-position:center;min-height:300px}.projects h2::after{margin:0.5em 0}.projects p{width:100%}.projects h2{font-size:4.2rem;margin:1rem 0 1rem 0}.about{margin:2rem}.clients li{width:calc(33.3% - 2px) !important}.services p,.services li,.contact p,.about p{width:95%}}@media only screen and (max-width: 640px), (orientation: portrait){html{font-size:50%}.clients img{width:100%;padding:0}.mobile-grid img{width:40% !important}.mobile-grid{width:100%}#imgs img{width:100%}.about-title span{width:100%;margin:0rem 0}.about-title p{margin:2rem 0}.about-title{font-size:4.8rem}.about-title--inside{font-size:7rem !important}.about h1{margin:0 0 1rem;max-width:100%}.about p{font-size:1.8rem;max-width:98%}.projects li div{width:95%;margin:1em auto}.projects li div{width:95%;margin:1em auto}.projects li img{width:100%;margin:1rem 0rem;height:40vh}h1.title{font-size:4.5rem;margin:3rem 0}.projects li{margin:0 0 5rem 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;min-height:60vh}.projects h2{font-size:3.8rem;margin:1.5rem 0 1rem 0}.services p,.services h1,.contact p{margin:0;width:100%}.clients li{width:calc(32% - 2px) !important}.clients li{padding:0}.contact-a{font-size:3.2rem}.projects p{font-size:2rem}.services p,.services li,.contact p,.about p{font-size:2rem;width:100%}}@media only screen and (max-width: 440px){h1.title{font-size:3.8rem}}@media only screen and (max-width: 340px){html{font-size:40%}}@media only screen and (min-width: 1440px){html{font-size:85%}.projects li{max-height:none;max-height:initial}}@media only screen and (min-width: 2440px){html{font-size:100%}}@media (max-height: 450px) and (min-aspect-ratio: 13 / 9){.scroll-down{height:105vh;min-height:500px}}.dg.ac{min-height:100px !important;z-index:10 !important}.scrollbar-thumb{border-radius:0px !important;background:black !important}

.projects li img {
    object-fit: contain;
}

/*# sourceMappingURL=app.2dfb1082.css.map*/