.infoWrapper h2{font-size:5.75rem;font-weight:400}.infoWrapper>p{color:#fff9;font-size:1.5rem}.infoWrapper .tagWrapper{border-top:unset;padding-block:1.5rem}.cardHeader .img svg{stroke:var(--color-white)}.cardsWrapper{grid-gap:2rem;grid-template-columns:1fr 1fr}.cardWrap{background-color:var(--gray-color);will-change:transform;border-radius:20px;width:100%;padding:1.875rem;box-shadow:16px 24px 20px 8px #0006}.cardHeader p.title{font-size:1.5rem}.cardHeader{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.cardBody p{color:#fff9;font-size:.75rem}.mediaWrapper img{height:auto!important}.infoWrapper{height:fit-content}.clientsContainer .mediaInfoWrapper .infoWrapper{order:2}.clientsContainer .mediaInfoWrapper .mediaWrapper{order:1}.imageTextWrap{height:55vh}.frameTextWrap{background-color:var(--gray-color);border-radius:20px;padding:6px 16px;box-shadow:16px 24px 20px 8px #0006,inset 0 2px #b8b4b414}.frameTextWrap .circleWrap{border:1px solid var(--color-yellow-300);box-sizing:border-box;border-radius:50%;width:.75rem;height:.75rem}.frameTextWrap span{color:#fff9;font-size:.75rem;display:block}.frameTextWrap .circleWrap span{background-color:var(--color-yellow-300);border-radius:50%;width:.35rem;height:.35rem}.accordion-wrap{background-color:var(--gray-color);border-radius:1rem;padding:20px}.accrodion-body{color:#fff9;font-size:.75rem}.accordion-wrap svg{width:20px;height:20px;transition:transform .2s ease-in}.accordion-wrap svg.open{transform:rotate(45deg)}@media only screen and (max-width:768px){.cardsWrapper{grid-template-columns:1fr;gap:1rem}.btnsWrapper{flex-wrap:wrap}.infoWrapper h2{font-size:2.5rem}.infoWrapper>p{font-size:1rem}.cardWrap{padding:1.5rem}.imageTextWrap{aspect-ratio:1;height:auto}.cardHeader{margin-bottom:1rem;padding-bottom:1rem}.cardHeader p.title{font-size:1.25rem}.accordion-wrap svg{width:18px;height:18px}}@media only screen and (min-width:640px) and (max-width:768px){.btnsWrapper{justify-content:space-between;width:100%}.btnsWrapper .glow-btn{width:48%}.cardsWrapper{grid-template-columns:1fr 1fr}}@media only screen and (min-width:769px) and (max-width:1199px){.infoWrapper h2{font-size:3rem}.infoWrapper{gap:1rem}.infoWrapper>p{font-size:1.125rem}.infoWrapper .tagWrapper{padding-block:1rem}.imageTextWrap{aspect-ratio:1;height:auto}}@media only screen and (min-width:1200px) and (max-width:1400px){.infoWrapper h2{font-size:3.75rem}.infoWrapper>p{font-size:1.125rem}.cardsWrapper{grid-gap:1.5rem}.cardHeader p.title{font-size:1.4rem}.cardHeader{margin-bottom:1.25rem;padding-bottom:1.25rem}.accordion-wrap{padding:15px}.accordion-wrap h2{font-size:.875rem}.accordion-wrap svg{width:15px;height:15px}.frameTextWrap span{font-size:.65rem}}@media only screen and (min-width:1401px) and (max-width:1700px){.infoWrapper h2{font-size:4.25rem}.infoWrapper>p{font-size:1.25rem}}
.testimonial-wrap .image{border-radius:50%;width:3rem;height:3rem}.testimonial-wrap .image img{border-radius:50%}.infiniteScrollTestimonialWrapper ul{gap:var(--gap-i-s)}.testimonial-wrap h4{font-size:1.75rem}.title-position p{color:#fff9;font-size:.75rem}.title-position{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.testimonial-wrap{background-color:var(--gray-color);border-radius:10px;min-width:22vw;padding:2rem}.rate span{font-size:1.5rem}.testimonial-wrap .content p,.testimonial-wrap .rate span{color:#fffc}.infiniteScrollAnimationWrapper{gap:var(--gap-i-s)}.testimonial-wrap{background:linear-gradient(#0d0d0d 25%,#0000 100%)}@media only screen and (max-width:768px){.testimonial-wrap{width:60vw;padding:1rem}.testimonial-wrap h4{width:100%;font-size:1.5rem}.infiniteScrollTestimonialWrapper{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30px calc(100% - 70px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 30px calc(100% - 70px),#0000 100%)}.rate span{font-size:1.25rem}.testimonial-wrap .content p{font-size:.875rem}}@media only screen and (min-width:640px) and (max-width:768px){.testimonial-wrap{width:40vw;padding:1.25rem}}@media only screen and (min-width:769px) and (max-width:1199px){.imageTextWrap{aspect-ratio:1;height:auto}.testimonial-wrap{min-width:40vw;padding:1.5rem}.testimonial-wrap .content p{font-size:.75rem}.testimonial-wrap h4{font-size:1.5rem}.title-position p{font-size:.65rem}.rate span{font-size:1.25rem}}@media only screen and (min-width:1200px) and (max-width:1400px){.testimonial-wrap h4{font-size:1.25rem}.testimonial-wrap{padding:1.5rem}.title-position p{font-size:.6rem}.testimonial-wrap .content p{font-size:.75rem}.rate span{font-size:1.25rem}}@media only screen and (min-width:1401px) and (max-width:1700px){.testimonial-wrap{padding:1.5rem}.testimonial-wrap h4{font-size:1.5rem}.title-position p{font-size:.7rem}.testimonial-wrap .content p{font-size:.875rem}.rate span{font-size:1.25rem}}
.canvas-container,.heroContainer,canvas#frameWrap{height:100vh}.frame-wrap{will-change:transform;z-index:2;border-radius:26px;flex-flow:row;flex:none;place-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;overflow:hidden}.heroTop{background:#000;border-radius:26px;height:2.5rem}.heroInfoContainer{gap:6rem;width:50vw;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-wrap-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--gray-color);z-index:1;padding:0;border-radius:26px;width:99%;height:90%;padding-inline:16px}.frame-text span{font-size:.75rem}.frame-dot{aspect-ratio:1;width:7px;position:relative}.heroTop:before{content:"";opacity:1;background:linear-gradient(105deg,#0000 0%,#ffffff80 25%,#0000 50%);width:110%;height:125%;transition:all .7s ease-in-out;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.frame-dot-inner{will-change:transform;background:var(--color-yellow-300);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;width:5px;height:5px;position:relative;overflow:hidden;box-shadow:0 0 14px 1px #bdbdbd}.heroLogo{width:29rem;height:8rem;position:relative}#canvasSectionFrame:before{content:"";opacity:.4;background-color:#313131;width:100%;height:100%;position:absolute;top:0;left:0}.heroBottom{width:70%}.heroIndicator svg{fill:#fff;width:2rem;height:2rem}.heroIndicator:before{content:"";background:var(--color-white);width:calc(50% - 4rem);height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.heroIndicator:after{content:"";background:var(--color-white);width:calc(50% - 4rem);height:1px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media only screen and (max-width:768px){.heroInfoContainer{width:calc(100% - var(--spaceX)*2);gap:2rem}.heroLogo{width:12rem;height:4rem}.heroIndicator:after,.heroIndicator:before{width:calc(50% - 2rem)}.heroBottom{width:100%}}@media only screen and (min-width:640px) and (max-width:768px){.heroInfoContainer{width:75%}.heroLogo{width:15rem;height:5rem}}@media only screen and (min-width:769px) and (max-width:1199px){.heroLogo{width:20rem;height:5rem}.heroInfoContainer{gap:4rem;width:70vw}}@media only screen and (min-width:1200px) and (max-width:1400px){.heroInfoContainer{gap:3rem;width:65vw;top:56%}.heroLogo{width:20rem;height:5rem}.heroBottom p{font-size:.875rem}.frame-text span{font-size:.65rem}}@media only screen and (min-width:1401px) and (max-width:1700px){.heroInfoContainer{gap:4rem}.heroLogo{width:24rem;height:6rem}.heroBottom p{font-size:.875rem}}.heroTop:hover:before{background-position:11rem}
:root{--column-slider:4;--gap-slider:1rem}article.slider-wrap{min-width:calc((100vw + 9px - var(--spaceX)*2 - calc(var(--column-slider)*var(--gap-slider)))/var(--column-slider));aspect-ratio:1}.sliderWrapper{gap:var(--gap-slider);scrollbar-width:none}.sliderWrapper::-webkit-scrollbar{display:none}.recentWorksWrapper{border-top:1px solid var(--border-color)}.arrow-wrap{width:1.75rem;height:1.75rem;position:relative;overflow:hidden}.arrow-wrap svg{-o-object-fit:contain;object-fit:contain;-o-transition:all .6s ease-in-out;will-change:transform;width:100%;height:100%;transition:all .6s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(0)}.arrow-wrap svg:last-child{top:100%;left:-50%;transform:translate(-100%)translateY(100%)translateZ(0)}.hover-wrap:hover svg:last-child{top:50%;left:50%;transform:translate(-50%,-50%)translateZ(0)}.hover-wrap:hover svg:first-child{top:-100%;left:100%;transform:translate(100%,-100%)translateZ(0)}@media only screen and (max-width:768px){:root{--column-slider:1;--gap-slider:.5rem}.arrow-wrap{width:1.45rem;height:1.45rem}}@media only screen and (min-width:640px) and (max-width:768px){:root{--column-slider:2;--gap-slider:.75rem}}@media only screen and (min-width:769px) and (max-width:1199px){:root{--column-slider:3;--gap-slider:.75rem}.recentWorksContainer .title{padding-bottom:1.5rem}.recentWorksWrapper{padding-top:1.5rem}.arrow-wrap{width:1.5rem;height:1.5rem}}@media only screen and (min-width:1200px) and (max-width:1400px){.arrow-wrap{width:1.45rem;height:1.45rem}}@media only screen and (min-width:1401px) and (max-width:1700px){.arrow-wrap{width:1.5rem;height:1.5rem}}
section.seoWrapper,.mediaInfoWrapper{grid-gap:4rem;grid-template-columns:1fr 1fr}.seoMedia{aspect-ratio:1;position:relative}.seoInfoWrapper{gap:2rem}.seoInfoWrapper h3{font-size:2.25rem}.seoInfoWrapper h4{font-size:1.5rem}.seoInfoWrapper>p{font-size:1rem}.tag-wrap p{color:#fff9;font-size:.75rem}.tag-wrap{background-color:var(--gray-color);border-radius:8px;padding:10px 12px}.tagWrapper{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding-block:2rem}.ceo-desc-wrap p{color:#fff9;font-size:.75rem}.ceo-desc-wrap{background-color:var(--token-f50a08ee-89ba-45ba-bd59-521f4e9cdc51,#000);border-radius:10px;width:100%;padding:1rem;box-shadow:16px 24px 20px 8px #0006}@media only screen and (max-width:768px){section.seoWrapper,.mediaInfoWrapper{grid-gap:2rem;grid-template-columns:1fr}.seoInfoWrapper{gap:1rem}.seoInfoWrapper h3{font-size:1.875rem}.seoInfoWrapper h4{font-size:1.25rem}.seoInfoWrapper>p{font-size:.9rem}.tagWrapper{gap:.75rem;padding-block:1rem}.tag-wrap{padding:8px 10px}.ceo-desc-wrap{flex-direction:column;align-items:flex-start;gap:.5rem;padding-block:.25rem;padding-inline:0}}@media only screen and (min-width:640px) and (max-width:768px){.ceo-desc-wrap{flex-direction:row;padding-block:.5rem}}@media only screen and (min-width:769px) and (max-width:1199px){.seoMedia{aspect-ratio:inherit;width:100%}.seoInfoWrapper{gap:1rem}section.seoWrapper,.mediaInfoWrapper{grid-gap:2rem}.tagWrapper{padding-block:1rem}.ceo-desc-wrap{padding:.5rem}}@media only screen and (min-width:1200px) and (max-width:1400px){.slogan-info p{font-size:1.5rem}.slogan-info h2{font-size:.75rem}.seoMedia{height:auto;aspect-ratio:unset}.seoInfoWrapper{gap:1.5rem}section.seoWrapper,.mediaInfoWrapper{grid-gap:3rem}.seoInfoWrapper>p{font-size:.875rem}.tagWrapper{padding-block:1.5rem}.ceo-desc-wrap{padding:.5rem}}
:root{--column:25vw;--gap:10px;--center:calc(100vw - (var(--column)*2) - (var(--spaceX)*2));--diff:calc(var(--center) - var(--column) - var(--mT))}section.layoutGridAnimationWrapper{place-content:center;align-items:center;gap:var(--gap);height:min-content;margin-block-start:var(--spaceX);margin-bottom:var(--spaceS);will-change:transform;flex-flow:row;flex:1 0 0;display:flex;position:relative;overflow:visible;transform:scale(.85)translateZ(0)}.gridAnimationwrap{aspect-ratio:1;width:100%}.layoutGridAnimationItems:first-of-type,.layoutGridAnimationItems:nth-of-type(3){place-content:center;align-items:center;gap:var(--gap);flex-flow:column;flex:1 0 0;width:25vw;display:flex;overflow:hidden}.layoutGridAnimationItems:first-of-type .gridAnimationwrap,.layoutGridAnimationItems:nth-of-type(3) .gridAnimationwrap{height:var(--column)}.layoutGridAnimationItems:nth-of-type(2){z-index:1;place-content:center;align-items:center;gap:var(--gap);flex-flow:column;flex:1.2 0 0;height:min-content;display:flex;position:relative;overflow:hidden}@media only screen and (max-width:639px){section.layoutGridAnimationWrapper{padding-inline:var(--spaceX);flex-wrap:wrap;flex:auto;margin-bottom:3rem}.layoutGridAnimationItems:first-of-type,.layoutGridAnimationItems:nth-of-type(2),.layoutGridAnimationItems:nth-of-type(3){flex:none;width:100%}.layoutGridAnimationItems:nth-of-type(2){flex:auto}.layoutGridAnimationItems:first-of-type .gridAnimationwrap,.layoutGridAnimationItems:nth-of-type(3) .gridAnimationwrap{height:auto}}
.modal-overlay{z-index:100;opacity:0;pointer-events:none;cursor:pointer;background-color:#00000080;transition:opacity .4s ease-in-out}.modalVideoContainer{opacity:0;transition:all .4s ease-in-out;top:50%;left:50%;transform:translate(-70%,-50%)}.modal-overlay.show{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition-delay:2s}.modalVideoContainer.show{z-index:101;pointer-events:auto;opacity:1;transition-delay:2s;transform:translate(-50%,-50%)}.modalVideoContainer-inner{width:fit-content;height:calc(100vh - var(--spaceX)*2);background-color:var(--color-white);cursor:auto;border-radius:1rem;min-width:33vw;margin:auto;position:relative}.closeModalVideo{background-color:var(--color-white);z-index:2147483647;width:3.1875rem;height:3.1875rem;bottom:calc(100% - 1px);right:calc(var(--spaceX) - 2rem);cursor:pointer;z-index:0;border-radius:.5rem .5rem 0 0;justify-content:center;align-items:center;display:flex;position:absolute}.closeModalVideo:before{content:"";-webkit-box-shadow:1rem 1rem var(--color-white);box-shadow:1rem 1rem var(--color-white);border-radius:.5rem;width:2rem;height:2rem;position:absolute;bottom:0;left:-2rem}.closeModalVideo:after{content:"";-webkit-box-shadow:1rem 1rem var(--color-white);box-shadow:1rem 1rem var(--color-white);border-radius:.5rem;width:2rem;height:2rem;position:absolute;bottom:0;right:-2rem;transform:scaleX(-1)}.closeModalVideo img{z-index:1;width:3.1875rem;height:3.1875rem}.modalVideoContainer .video_wrap{z-index:2;width:100%;height:100%;padding:.75rem}.modalVideoContainer video{background-color:#d9d9d9;border-radius:.75rem}@media only screen and (max-width:768px){.modalVideoContainer-inner{width:calc(100vw - 40px);min-width:auto;height:auto}.modalVideoContainer .video_wrap{padding:.5rem}.closeModalVideo{right:calc(var(--spaceX) - -2rem);width:2.5rem;height:2.5rem}}@media only screen and (min-width:769px) and (max-width:1199px){.modalVideoContainer-inner{width:73vw;height:auto}.closeModalVideo{right:calc(var(--spaceX) + 3rem);bottom:calc(100% - 1px)}}
.heroEffectDepthInfoWrapper{left:var(--spaceX);width:16vw;bottom:3rem}.title span.dot{width:7px;height:7px}.heroEffectDepthInfoWrapper .title{font-size:.75rem}.heroEffectDepthInfoWrapper .hero-logo{width:100%;height:auto}.preloadImage{filter:brightness(.7)}@media only screen and (max-width:768px){.heroEffectDepthInfoWrapper{width:calc(100% - 40px);bottom:5rem}.heroEffectDepthInfoWrapper .hero-logo{width:60%}.heroEffectDepthInfoWrapper .heroTop{width:auto}}@media only screen and (min-width:640px) and (max-width:768px){.heroEffectDepthInfoWrapper{width:48%;bottom:6rem;left:50%;transform:translate(-50%)}}@media only screen and (min-width:769px) and (max-width:1199px){.heroEffectDepthInfoWrapper{width:33vw}.heroEffectDepthInfoWrapper .hero-logo{width:70%}}@media only screen and (min-width:1200px) and (max-width:1400px){.heroEffectDepthInfoWrapper{width:18vw}.heroEffectDepthInfoWrapper .hero-logo{width:70%}}
.processItems{width:50%;margin-inline:auto 0;padding-inline-end:var(--spaceX)}.infoWrapper.processItem h2{font-size:3.25rem}.infoWrapper.processItem>p{font-size:1.125rem}.landscape-sky-wrap{height:150vh}.sky{top:-50vh}.sky img{transform:scale(1.125)}#svgMorphWrap{width:30vw;height:calc(100% - 40vh);top:7rem;left:var(--spaceX);z-index:2;position:absolute}#svgMorphWrap svg{width:100%;height:100%}#moving-object{width:27rem;position:absolute;top:0;left:0}@media only screen and (max-width:768px){#moving-object{width:13rem}#svgMorphWrap{width:50vw;height:calc(100% - 30vh);left:50%;transform:translate(-50%)}.processItems{width:100%;z-index:3;padding-inline-start:var(--spaceX);position:relative}.infoWrapper.processItem h2{font-size:2rem}.infoWrapper.processItem>p{font-size:1rem}.landscape-sky-wrap,.landscape{height:70vh}.topSky{height:25vh}.topSky img{transform:scale(2.5);position:absolute!important}.sky{top:-3rem}.sky img{transform:scale(2)}}@media only screen and (min-width:640px) and (max-width:768px){#svgMorphWrap{width:80vw;height:calc(100% - 25vh)}.topSky img{transform:scale(1.5);top:0!important}.topSky{height:37vh}.sky img{transform:scale(1.2)}.sky{top:0}#moving-object{width:16rem}}@media only screen and (min-width:769px) and (max-width:1199px){#moving-object{width:18rem}#svgMorphWrap{width:34vw;left:6rem}.infoWrapper.processItem h2{font-size:2.25rem}.infoWrapper.processItem>p{font-size:.97rem}.sky img{transform:scale(2.25)}.landscape-sky-wrap,.landscape{height:80vh}.sky{top:-31vh}}@media only screen and (min-width:1200px) and (max-width:1400px){.infoWrapper.processItem h2{font-size:2.25rem}.infoWrapper.processItem>p{font-size:.97rem}#moving-object{width:20rem}.sky{top:-55vh}img.relativeImage.object-cover{transform:scale(1.2)}.topSky img{transform:scale(1.35)}}@media only screen and (min-width:1401px) and (max-width:1700px){#moving-object{width:25rem}.infoWrapper.processItem h2{font-size:2.75rem}.infoWrapper.processItem>p{font-size:1rem}#svgMorphWrap{height:calc(100% - 30vh);top:5rem}.sky{top:-30vh}}
.dragCircleWrap{width:70%;height:40%;transform:rotate(90deg)}#dragger{fill:#71ee5a;stroke:#000;stroke-width:4px;filter:drop-shadow(0 0 4px #6f99)}#curve{stroke-width:2px;stroke:#000;fill:none}#drawMe{stroke-width:6px;stroke:var(--background);fill:none}.enterDragCircleWrap p{color:var(--color-black);position:absolute;left:50%;transform:translate(calc(-50% - 5rem))}.dragCircleWrap svg{width:100%;height:100%}.pulse-ring{animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring}.circle-box.noAnimate .pulse-ring{animation-play-state:paused}@keyframes pulse-ring{0%{r:24;stroke-opacity:1;stroke-width:2px}to{r:44;stroke-opacity:0;stroke-width:0}}@media only screen and (max-width:768px){.enterContainer{flex-wrap:wrap}.enterDragCircleWrap{flex-wrap:wrap;height:50%;padding-bottom:7rem}.enterInfoWrap{padding-inline:var(--spaceX);height:50%}.enterWrapper .back-overlay img{transform:rotate(90deg)scale(2.5)}.dragCircleWrap{width:100%;height:70%;transform:none}.enterDragCircleWrap p{font-size:.75rem;bottom:12rem;transform:translate(-50%)}}@media only screen and (min-width:640px) and (max-width:768px){.dragCircleWrap{height:62%}}@media only screen and (min-width:769px) and (max-width:1199px){.dragCircleWrap{width:100%}}@media only screen and (min-width:1200px) and (max-width:1400px){.enterDragCircleWrap p{font-size:.75rem}}