@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}@keyframes nav-marqee{to{transform:translate3d(-50%,0,0)}}@keyframes marqee{to{transform:translate3d(-52%,0,0)}}.rotateZ{animation:rotateZ 5s linear infinite}@keyframes rotateZ{to{transform:rotate(360deg)}}nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90%;height:15%;margin:auto}.navLinks{display:flex;flex-direction:row;align-items:normal;justify-content:flex-start;list-style:none}.navLinks li{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-right:1rem;gap:1rem}.navLinks li:last-child{margin-right:0}.navLinks li:before{display:block;content:"";width:5px;height:5px;background:#ff7e21;border-radius:50%}@media only screen and (max-width: 992px){.navLinks{display:none}}.navLogo{width:206px;aspect-ratio:103/27}@media only screen and (max-width: 768px){.navLogo{width:192px}}@media only screen and (max-width: 440px){.navLogo{width:132px}}@media only screen and (max-width: 280px){.navLogo{display:none}}.navActions{display:flex;flex-direction:row;align-items:normal;justify-content:flex-start;gap:1.5rem}.navActions img{padding-right:1.5rem;border-right:solid 1px gray}@media only screen and (max-width: 992px){.navActions img{display:none}}.navActions .navToggle{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;z-index:4;background-color:transparent;border:none;gap:1rem;cursor:pointer}.navActions .navToggle span{color:#fff;text-transform:uppercase}.navActions .navToggle .navIcon{display:flex;flex-direction:column;align-items:normal;justify-content:flex-start;gap:.25rem;width:28px}.navActions .navToggle .navIcon .navIcon__bar{width:100%;height:3px;background:#ffffff;transition:all .5s}body[data-nav=false] .navIcon__bar.navIcon__bar-short{width:60%!important}body[data-nav=true] .navIcon__bar{transform:rotate(45deg) translate(.125rem)}body[data-nav=true] .navIcon__bar.navIcon__bar-short{width:100%!important;transform:rotate(-45deg) translate(.25rem,-.25rem)}.navMenu{position:fixed;top:0;left:0;width:100%;height:100%;background:#ff8d3b;z-index:3;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;transition:.5s}.navMenu ul{display:flex;flex-direction:column;align-items:normal;justify-content:flex-start;width:100%;height:60%;list-style:none}.navMenu ul li{width:100%;padding:0 2%;height:25%;border-top:solid 1px;color:#000;font-size:clamp(2rem,10vh,8rem);line-height:1;position:relative;overflow:hidden;text-transform:uppercase}@media only screen and (max-width: 1320px){.navMenu ul li{font-size:clamp(2rem,6vh,6rem)}}@media only screen and (max-width: 640px){.navMenu ul li{font-size:3rem}}@media only screen and (max-width: 440px){.navMenu ul li{font-size:2rem}}.navMenu ul li:last-child{border-bottom:solid 1px}.navMenu ul li a{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}.navMenu ul li .nav__marqee{pointer-events:none}@media (any-pointer: fine){.navMenu ul li .nav__marqee{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;pointer-events:none;background:#000000;transform:translate3d(0,101%,0)}.navMenu ul li .nav__marqee .nav__marqee-inner-wrap{height:100%;width:100%;transform:translate3d(0,-101%,0)}.navMenu ul li .nav__marqee .nav__marqee-inner{height:100%;width:fit-content;align-items:center;display:flex;position:relative;animation:nav-marqee 15s linear infinite;will-change:transform}.navMenu ul li .nav__marqee .nav__marqee-inner span{white-space:nowrap;font-size:clamp(2rem,10vh,8rem);text-align:center;color:#fff}}@media only screen and (any-pointer: fine) and (max-width: 1320px){.navMenu ul li .nav__marqee .nav__marqee-inner span{font-size:clamp(2rem,6vh,6rem)}}@media only screen and (any-pointer: fine) and (max-width: 640px){.navMenu ul li .nav__marqee .nav__marqee-inner span{font-size:3rem}}@media only screen and (any-pointer: fine) and (max-width: 440px){.navMenu ul li .nav__marqee .nav__marqee-inner span{font-size:2rem}}@media (any-pointer: fine){.navMenu ul li .nav__marqee .nav__marqee-inner .nav__marqee-img{width:15vw;height:70%;margin:0 2vw;border-radius:5vw;background-size:cover;background-position:50% 50%}}@media only screen and (any-pointer: fine) and (max-width: 768px){.navMenu ul li .nav__marqee .nav__marqee-inner .nav__marqee-img{width:20vw;border-radius:10vw}}body[data-nav=false] .navMenu{opacity:0;transform:translateY(-100%)!important}body[data-nav=true] .navMenu{opacity:1;transform:translateY(0)!important}body{background:#000000;color:#fff;width:100vw;height:100vh;overflow:hidden}@media screen and (min-width: 1000px) and (max-height: 600px){body{min-height:900px;overflow-y:auto;overflow-x:hidden}}.container{display:flex;flex-direction:column;align-items:normal;justify-content:flex-start;width:90%;height:85%;margin:auto}main{position:relative;width:100%;height:100%;padding-bottom:20vh;display:flex;flex-direction:row;align-items:center;justify-content:start}@media only screen and (max-width: 640px){main{padding-bottom:10vh}}main .gleamy-btn{position:absolute;top:0;left:0}@media only screen and (max-width: 768px){main .gleamy-btn{width:92px;height:92px}}@media only screen and (max-width: 768px){main .gleamy-btn{width:64px;height:64px}}main .watch-btn{position:absolute;bottom:5vh;right:0}@media only screen and (max-width: 768px){main .watch-btn{width:92px;height:92px}}@media only screen and (max-width: 768px){main .watch-btn{width:64px;height:64px}}main .banner-tag{position:absolute;top:50%;left:0;transform:translateY(-50%)}@media only screen and (max-width: 768px){main .banner-tag{display:none}}.bg{position:absolute;top:0;left:0;transform:translate(30%);font-size:clamp(400px,25vw,25vw);line-height:1;-webkit-text-stroke:1px #404040;color:transparent;z-index:-1}@media only screen and (max-width: 992px){.bg{top:calc(50% - 20vh);left:50%;transform:translate(-50%,-50%)}}@media only screen and (max-width: 640px){.bg{font-size:clamp(300px,20vw,300px);top:calc(50% - 10vh);left:50%;transform:translate(-50%,-50%)}}.banner{margin-left:8%;font-size:5.5rem;font-weight:400;width:19ch}@media only screen and (max-width: 1320px){.banner{font-size:5rem}}@media only screen and (max-width: 992px){.banner{font-size:4rem}}@media only screen and (max-width: 768px){.banner{font-size:3rem;margin-left:0;margin-top:2rem}}@media only screen and (max-width: 640px){.banner{font-size:2.5rem;margin-left:0;margin-top:2rem}}.banner span{color:gray}.marqee{position:absolute;bottom:0%;min-width:200vw;width:max-content;transform:rotate(-15deg) translate(-2%);transform-origin:0% 0%;padding:1rem 0;background:#212121;color:#fff;z-index:-1}.marqee.marqee-light{z-index:-2;transform:rotate(50deg);left:65%;bottom:100%;background:#ffffff;color:#000}@media only screen and (max-width: 768px){.marqee.marqee-light{display:none!important}}@media only screen and (max-width: 768px){.marqee{padding:8px 0}}@media only screen and (max-width: 768px){.marqee{padding:8px 0;transform:rotate(-25deg) translate(-2%)}}.marqee ul{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;list-style:none;animation:marqee 15s linear infinite}.marqee ul li{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;white-space:nowrap;font-size:1.5rem;text-transform:uppercase}@media only screen and (max-width: 640px){.marqee ul li{font-size:14px}}.marqee ul li:before{display:inline-block;content:"";width:16px;height:16px;border-radius:50%;background:#ff7e21}@media only screen and (max-width: 640px){.marqee ul li:before{width:8px;height:8px}}body[data-namespace=home] .marqee{display:block}body:not([data-namespace=home]) .marqee{display:none}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;z-index:5;display:flex;flex-direction:row;align-items:center;justify-content:center}.preloader span{position:absolute;top:50%;left:50%;transform:translate(-50%,-75%);font-size:clamp(400px,25vw,450px);line-height:1;z-index:-1;-webkit-text-stroke:1px #404040;color:transparent}@media only screen and (max-width: 640px){.preloader span{font-size:clamp(300px,20vw,300px)}}.creative__stamp{position:absolute;bottom:0;left:0;font-size:8rem;font-weight:800;text-transform:uppercase;line-height:1;-webkit-text-stroke:1px #b3b3b3;color:transparent}@media only screen and (max-width: 1320px){.creative__stamp{font-size:6em}}@media only screen and (max-width: 992px){.creative__stamp{font-size:5em}}@media only screen and (max-width: 768px){.creative__stamp{display:none}}.content{width:100%;padding-left:10%;display:flex;flex-direction:column;align-items:start;justify-content:flex-start}@media only screen and (max-width: 1320px){.content{padding-top:10%}}@media only screen and (max-width: 768px){.content{padding-left:0;height:100%;justify-content:center;gap:3rem}}.content .bg-text{font-size:clamp(400px,25vw,450px);line-height:1;-webkit-text-stroke:1px #b3b3b3;color:transparent;transform:translateZ(0)}.content .bg-text span{display:block;position:relative}.content .bg-text span:before{content:attr(data-letter);position:absolute;color:#fff;left:0;overflow:hidden;white-space:nowrap;width:0%;-webkit-transition:width .5s;transition:width .5s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.content .bg-text:hover span:before{width:100%}@media only screen and (max-width: 992px){.content .bg-text{pointer-events:none;position:absolute;top:calc(50% - 10vh);left:50%;transform:translate(-50%,-50%)}.content .bg-text span:before{opacity:.25}}@media only screen and (max-width: 640px){.content .bg-text{font-size:clamp(300px,20vw,300px)}}.content h2{font-size:clamp(2.25rem,5vw,5vw);font-weight:400;line-height:1;text-transform:uppercase;width:max-content}@media only screen and (max-width: 768px){.content h2{font-size:1.6rem}}.content h2:after{content:"";display:flex;margin-top:.8rem;width:30%;height:1px;background:white}.content .content__container{width:100%;max-width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5%}.content .content__container .content__about{display:flex;flex-direction:column;align-items:normal;justify-content:flex-start;gap:1rem}.content .content__container .content__about h3{font-size:clamp(2.25rem,5vw,48px);font-weight:400;text-transform:uppercase}@media only screen and (max-width: 1320px){.content .content__container .content__about h3{font-size:2.25rem}}@media only screen and (max-width: 768px){.content .content__container .content__about h3{font-size:1.6rem}}.content .content__container .content__about p{text-transform:uppercase;font-weight:2rem;letter-spacing:2%;line-height:190%}.content .content__container .content__about p:after{content:"";margin-left:.5rem;display:inline-block;width:36px;height:12px;background:#ff7e21;transform:skewY(-15deg)}@media only screen and (max-width: 768px){.content .content__container .content__about p{font-size:1em}}.content .content__container .content__about a{color:#fff;text-decoration:none;position:relative;width:max-content;transition:.3s}.content .content__container .content__about a:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) skewY(-15deg);content:"";margin-left:.5rem;width:36px;height:12px;background:#ff7e21;z-index:-1;transition:.5s}.content .content__container .content__about a:hover:after{transform:translate(-75%,-50%) skewY(0) scale(2.6,2.5)}.content .content__container .content__about a:active{transform:scale(.9)}.content .content__container .content__services{width:100%;height:100%}.content .content__container .content__services::-webkit-scrollbar{display:none}@media only screen and (max-width: 768px){.content .content__container .content__services{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}}.content .content__container .content__services .services__list{padding:2rem 0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem;list-style:none}@media only screen and (max-width: 768px){.content .content__container .content__services .services__list{padding-top:0;width:300%}}.content .content__container .content__services .services__list .services__item{scroll-snap-align:start;width:30%}.content .content__container .content__services .services__list .services__item h3{font-size:2rem;font-weight:400;margin-bottom:1rem}@media only screen and (max-width: 768px){.content .content__container .content__services .services__list .services__item h3{font-size:1.6rem}}.content .content__container .content__services .services__list .services__item p{color:#c8c8c8;font-size:1rem;margin-bottom:1rem}.content .content__container .content__services .services__list .services__item a{font-size:1.5rem;color:#fff;text-decoration:none;width:max-content;position:relative;transition:.3s}@media only screen and (max-width: 768px){.content .content__container .content__services .services__list .services__item a{font-size:1.2rem}}.content .content__container .content__services .services__list .services__item a:hover{color:#ff7e21}.content .content__container .content__services .services__list .services__item:first-child a:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) skewY(-20deg);content:"";margin-left:.5rem;width:36px;height:12px;background:#ff7e21;z-index:-1;transition:.5s}.content .content__container .content__services .services__list .services__item:first-child a:hover{color:#fff}.content .content__container .content__services .services__list .services__item:first-child a:hover:after{transform:translate(-75%,-50%) skewY(0) scale(4,2.5)}@media only screen and (max-width: 768px){.content .content__container .content__services .services__list .services__item:first-child a:hover:after{transform:translate(-75%,-50%) skewY(0) scale(3,2.5)}}@media only screen and (max-width: 1320px){.content .content__container .portfolio-text{display:none}}.content .content__container .content__portfolio{width:100%}.content .content__container .content__portfolio::-webkit-scrollbar{display:none}@media only screen and (max-width: 768px){.content .content__container .content__portfolio{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}}.content .content__container .content__portfolio .projects__list{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem;list-style:none;padding-top:5%}@media only screen and (max-width: 1320px){.content .content__container .content__portfolio .projects__list{padding-top:2rem}}@media only screen and (max-width: 768px){.content .content__container .content__portfolio .projects__list{padding-top:0;justify-content:space-between;width:300%}}.content .content__container .content__portfolio .projects__list .project__item{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem}@media only screen and (max-width: 768px){.content .content__container .content__portfolio .projects__list .project__item{width:90%;margin:auto;scroll-snap-align:center}}.content .content__container .content__portfolio .projects__list .project__item .project__img{width:100%;aspect-ratio:4/3;margin-bottom:1rem;display:grid;position:relative;overflow:hidden;counter-increment:section}.content .content__container .content__portfolio .projects__list .project__item .double__img{grid-area:1/1/-1/-1;background:url(../img/1.jpg) no-repeat 50% 50%;background-size:cover;width:100%;height:100%;position:relative}.content .content__container .content__portfolio .projects__list .project__item h3{font-weight:400;line-height:1}.content .content__container .content__portfolio .projects__list .project__item p{color:#c8c8c8;display:flex;flex-direction:row;align-items:center;justify-content:center}.content .content__container .content__portfolio .projects__list .project__item p:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#ff7e21;margin-right:.75rem}
