@charset "UTF-8";/** * @license * * Font Family: Satoshi * Designed by: Deni Anggara * URL: https://www.fontshare.com/fonts/satoshi * © 2022 Indian Type Foundry * * Font Styles: * Satoshi Variable(Variable font) * Satoshi Variable Italic(Variable font) * Satoshi Light * Satoshi Light Italic * Satoshi Regular * Satoshi Italic * Satoshi Medium * Satoshi Medium Italic * Satoshi Bold * Satoshi Bold Italic * Satoshi Black * Satoshi Black Italic * */@font-face{font-family:Satoshi;src:url(../../fonts/Satoshi-Variable.woff2) format("woff2"),url(../../fonts/Satoshi-Variable.woff) format("woff"),url(../../fonts/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../../fonts/Satoshi-VariableItalic.woff2) format("woff2"),url(../../fonts/Satoshi-VariableItalic.woff) format("woff"),url(../../fonts/Satoshi-VariableItalic.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}@font-face{font-family:Zodiak;src:url(../../fonts/Zodiak-Variable.woff2) format("woff2"),url(../../fonts/Zodiak-Variable.woff) format("woff"),url(../../fonts/Zodiak-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:Zodiak;src:url(../../fonts/Zodiak-VariableItalic.woff2) format("woff2"),url(../../fonts/Zodiak-VariableItalic.woff) format("woff"),url(../../fonts/Zodiak-VariableItalic.ttf) format("truetype");font-weight:100 900;font-display:swap;font-style:italic}h1.large,.heading-large-1{font-size:120px;line-height:115%;font-weight:400}@media only screen and (max-width: 991px){h1.large,.heading-large-1{font-size:80px}}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){h1.large,.heading-large-1{font-size:62px}}@media only screen and (max-width: 479px){h1.large,.heading-large-1{font-size:11.2vw}}h1,.heading-1{font-size:100px;line-height:115%;font-weight:400}@media only screen and (max-width: 991px){h1,.heading-1{font-size:64px}}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){h1,.heading-1{font-size:50px}}@media only screen and (max-width: 479px){h1,.heading-1{font-size:10vw}}h2,.text-heading-2{font-size:52px;line-height:115%;font-weight:400}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){h2,.text-heading-2{font-size:42px}}@media only screen and (max-width: 479px){h2,.text-heading-2{font-size:28px}}h3,.text-heading-3{font-size:32px;line-height:120%;font-weight:400}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){h3,.text-heading-3{font-size:24px}}h4{font-size:18px;line-height:24px;font-weight:400}h5{font-size:14px;line-height:20px;font-weight:400}h6{font-size:14px;line-height:18px;font-weight:400}p.text-xxl{font-size:100px;line-height:140%;font-weight:400}p.text-xl{font-size:32px;line-height:140%;font-weight:400}@media only screen and (max-width: 991px){p.text-xl{font-size:30px}}@media only screen and (max-width: 479px){p.text-xl{font-size:24px}}.center{text-align:center}.left{text-align:left}.right{text-align:right}.justify{text-align:justify}p.large{font-size:26px;line-height:140%;font-weight:400}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){p.large{font-size:24px}}@media only screen and (max-width: 479px){p.large{font-size:22px}}p.medium,.medium-text{font-size:20px;line-height:150%;font-weight:400}p.regular{font-size:18px;line-height:150%;font-weight:400}.text-subheading{font-family:Zodiak,sans-serif;font-size:80px;font-weight:300;line-height:106px}@media only screen and (max-width: 991px){.text-subheading{font-size:66px;line-height:80px}}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){.text-subheading{font-size:52px;line-height:60px}}@media only screen and (max-width: 479px){.text-subheading{font-size:9vw;line-height:120%}}.work-heading-text,.scrolling-heading-text{font-size:100px;line-height:115%;text-transform:uppercase}.work-heading-text:nth-child(2n),.scrolling-heading-text:nth-child(2n){font-family:Zodiak,sans-serif}@media only screen and (max-width: 991px){.work-heading-text,.scrolling-heading-text{font-size:80px}}@media only screen and (max-width: 479px){.work-heading-text,.scrolling-heading-text{font-size:16vw}}.text-project-name{font-size:2.44rem;line-height:115%;text-transform:uppercase}.testimony-text{font-size:4rem;line-height:115%;max-width:1120px}@media only screen and (max-width: 991px){.testimony-text{font-size:52px}}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){.testimony-text{font-size:44px}}@media only screen and (max-width: 479px){.testimony-text{font-size:32px}}.link-footer{text-transform:uppercase;font-size:1.11rem}.contact-footer-text{font-size:120px;line-height:151%}@media only screen and (max-width: 991px){.contact-footer-text{font-size:80px}}@media only screen and (max-width: 479px){.contact-footer-text{font-size:16vw}}.mega-text{font-size:100px;line-height:115%}@media only screen and (max-width: 991px){.mega-text{font-size:60px}}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){.mega-text{font-size:40px}}@media only screen and (max-width: 479px){.mega-text{font-size:9.5vw}}.text-highlight,blockquote{font-size:24px;line-height:130%}@media only screen and (max-width: 479px){.text-highlight,blockquote{font-size:22px}}/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}.text-highlight,blockquote{border-left:5px solid #272621;margin-block:1.33rem;padding-block:1.33rem;padding-inline:1.33rem 1.78rem}[data-pop]{transform:translate3d(0,25px,0);opacity:0;transition:transform .4s ease-in,opacity .4s ease-in-out}[data-pop].is-inview{opacity:1;transform:translateZ(0)}[data-pop="100"]{transition-delay:.1s,.1s}[data-pop="200"]{transition-delay:.1s,.2s}[data-pop="300"]{transition-delay:.1s,calc(3 * .1s)}[data-pop="400"]{transition-delay:.1s,.4s}[data-pop="500"]{transition-delay:.1s,.5s}[data-pop="600"]{transition-delay:.1s,calc(6 * .1s)}[data-pop="700"]{transition-delay:.1s,calc(7 * .1s)}[data-pop="800"]{transition-delay:.1s,.8s}[data-pop="900"]{transition-delay:.1s,.9s}[data-pop="1000"]{transition-delay:.1s,1s}[data-pop="1100"]{transition-delay:.1s,1.1s}[data-pop="1200"]{transition-delay:.1s,calc(12 * .1s)}[data-pop="1300"]{transition-delay:.1s,1.3s}[data-pop="1400"]{transition-delay:.1s,calc(14 * .1s)}[data-pop="1500"]{transition-delay:.1s,1.5s}[data-pop="1600"]{transition-delay:.1s,1.6s}[data-pop="1700"]{transition-delay:.1s,calc(17 * .1s)}[data-pop="1800"]{transition-delay:.1s,1.8s}[data-pop="1900"]{transition-delay:.1s,calc(19 * .1s)}[data-pop="2000"]{transition-delay:.1s,2s}.image{overflow:hidden}.image:after{position:absolute;content:"";width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-color:#f7f2e2;transform:translate3d(0,100%,0);transition:transform .6s ease-in-out .5s}.image:not(.is-inview):after{transform:translateZ(0)}header{position:relative;width:100%;height:auto;z-index:100}header .sub-container{position:relative;width:95%;height:auto;max-width:1399.98px;margin-inline:auto;padding-block:1rem}@media only screen and (max-width: 479px){header .sub-container{padding-block:14px}}@media only screen and (max-width: 1399.98px){header .sub-container{width:95%}}@media only screen and (max-width: 479px){header .sub-container{width:90%}}header .sub-container .content{position:relative;width:100%;height:auto;display:grid;grid-template-columns:2fr 4fr;grid-auto-rows:auto;align-items:center;gap:2rem}header .sub-container .content .logo{position:relative;width:100%;height:auto}header .sub-container .content .logo img{position:relative;width:auto;height:32px}@media only screen and (max-width: 479px){header .sub-container .content .logo img{max-width:44vw;height:24px}}header .sub-container .content .links{position:relative;width:100%;height:auto;display:flex;justify-content:flex-end;align-items:center}header .sub-container .content .links .list{position:relative;width:100%;height:auto;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}header .sub-container .content .links .list a{padding-inline:1.25rem;padding-block:.45rem;font-weight:500;color:#272621}@media only screen and (max-width: 991px){header .sub-container .content .links .list{display:none}}header .sub-container .content .links .access-link{position:relative;width:fit-content;height:auto;display:flex;justify-content:space-between;align-items:center;gap:6px}header .sub-container .content .links .access-link .nav-sap{position:relative;width:1px;height:12px;background-color:#272621;margin-inline-end:6px}@media only screen and (max-width: 991px){header .sub-container .content .links .access-link .nav-sap{display:none}}header .sub-container .content .links .access-link>a{padding-inline:1.25rem;padding-block:.45rem;font-weight:500;color:#272621;border-radius:50px;border:#272621 solid 1px;transition:background-color .2s}header .sub-container .content .links .access-link>a:hover{background-color:#27262114}@media only screen and (max-width: 479px){header .sub-container .content .links .access-link>*:last-child{display:none}}header .sub-container .content .links .hamburger{display:none;position:relative;width:44px;height:44px;flex:none;justify-content:center;align-items:center;background-color:#e2decf;border-radius:50%;margin-inline-start:6px}@media only screen and (max-width: 991px){header .sub-container .content .links .hamburger{display:flex}}header .sub-container .content .links .hamburger .ham-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}header .sub-container .content .links .hamburger .ham-wrapper .line{position:relative;width:20px;height:2px;background-color:#272621;transition:width .4s ease-in-out}header .sub-container .content .links .hamburger .ham-wrapper .line:first-child{width:28px}header .sub-container .content .links .hamburger.open .ham-wrapper .line{width:28px}header .sub-container .content .links .hamburger.open .ham-wrapper .line:first-child{width:20px}header .mobile-nav{position:absolute;width:100%;height:auto;top:65px;left:0;z-index:10;background-color:#e2decf;border-block:solid 1px #272621;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .4s ease-in-out,opacity .4s ease-in-out,visibility .4s ease-in-out allow-discrete;display:none}@media only screen and (max-width: 991px){header .mobile-nav{display:block}}header .mobile-nav.open{transform:translateY(0);opacity:1;visibility:visible}header .mobile-nav .list{position:relative;width:100%;height:auto;display:flex;justify-content:flex-end;flex-direction:column;align-items:center;gap:.5rem;padding-block:12px;background-color:#e2decf}header .mobile-nav .list a{padding-inline:1.25rem;padding-block:.45rem;font-weight:500;color:#272621}footer{position:relative;width:100%;height:auto;background-color:#272621;color:#f7f2e2}footer .sub-container{position:relative;width:95%;height:auto;max-width:1399.98px;margin-inline:auto;padding-block:3.33rem 2.22rem}@media only screen and (max-width: 1399.98px){footer .sub-container{width:95%}}@media only screen and (max-width: 479px){footer .sub-container{width:90%}}footer .sub-container .content{position:relative;width:100%;height:auto}footer .sub-container .content .links,footer .sub-container .content .address{position:relative;width:100%;height:auto;display:grid;grid-template-columns:.65fr .35fr;grid-auto-rows:auto}@media only screen and (max-width: 991px){footer .sub-container .content .links,footer .sub-container .content .address{grid-template-columns:.8fr .2fr}}footer .sub-container .content .links .box-1,footer .sub-container .content .address .box-1{position:relative;width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto}@media only screen and (max-width: 991px){footer .sub-container .content .links .box-1,footer .sub-container .content .address .box-1{grid-template-columns:1fr;row-gap:3.56rem}}footer .sub-container .content .links .box-1 .link-wrapper,footer .sub-container .content .links .box-1 p,footer .sub-container .content .address .box-1 .link-wrapper,footer .sub-container .content .address .box-1 p{position:relative;width:100%;height:auto;max-width:420px}footer .sub-container .content .links .box-1 .link-wrapper>a:not(.contact-link),footer .sub-container .content .links .box-1 .link-wrapper .link-footer,footer .sub-container .content .links .box-1 .link-wrapper p,footer .sub-container .content .links .box-1 p>a:not(.contact-link),footer .sub-container .content .links .box-1 p .link-footer,footer .sub-container .content .links .box-1 p p,footer .sub-container .content .address .box-1 .link-wrapper>a:not(.contact-link),footer .sub-container .content .address .box-1 .link-wrapper .link-footer,footer .sub-container .content .address .box-1 .link-wrapper p,footer .sub-container .content .address .box-1 p>a:not(.contact-link),footer .sub-container .content .address .box-1 p .link-footer,footer .sub-container .content .address .box-1 p p{color:#f7f2e2;text-transform:uppercase;font-size:1.11rem}footer .sub-container .content .links .box-1 .link-wrapper>a:not(.contact-link):not(:last-child),footer .sub-container .content .links .box-1 .link-wrapper .link-footer:not(:last-child),footer .sub-container .content .links .box-1 .link-wrapper p:not(:last-child),footer .sub-container .content .links .box-1 p>a:not(.contact-link):not(:last-child),footer .sub-container .content .links .box-1 p .link-footer:not(:last-child),footer .sub-container .content .links .box-1 p p:not(:last-child),footer .sub-container .content .address .box-1 .link-wrapper>a:not(.contact-link):not(:last-child),footer .sub-container .content .address .box-1 .link-wrapper .link-footer:not(:last-child),footer .sub-container .content .address .box-1 .link-wrapper p:not(:last-child),footer .sub-container .content .address .box-1 p>a:not(.contact-link):not(:last-child),footer .sub-container .content .address .box-1 p .link-footer:not(:last-child),footer .sub-container .content .address .box-1 p p:not(:last-child){margin-block-end:16px}footer .sub-container .content .links .box-2,footer .sub-container .content .address .box-2{position:relative;width:100%;height:auto}footer .sub-container .content .links .box-2 .top-arrow,footer .sub-container .content .address .box-2 .top-arrow{width:3.5rem;height:3.5rem;border-radius:50%;z-index:100;border:solid 1px #272621;display:flex;justify-content:center;align-items:center;margin-inline-start:auto;border-color:#f7f2e2}footer .sub-container .content .links .box-2 .top-arrow img,footer .sub-container .content .address .box-2 .top-arrow img{position:relative;width:1.75rem;height:1.75rem}footer .sub-container .content .links{margin-block-end:3.55rem}footer .sub-container .content .separator{width:100%;height:1px;background-color:#f7f2e2;transition:width .4s ease-in-out .2s}footer .sub-container .content .separator:not(.is-inview){width:0%}footer .sub-container .content .contact{position:relative;width:100%;height:auto;padding-block:2.66rem;display:flex;justify-content:space-between;align-items:center;color:#f7f2e2}footer .sub-container .content .contact .icon{position:relative;width:3.5rem;height:3.5rem}footer .sub-container .content .contact .icon img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center}footer .sub-container .content .address{position:relative;width:100%;height:auto;padding-block:1.77rem;text-decoration:none}footer .sub-container .content .address .box-1 a{color:#f7f2e2}footer .sub-container .content .address .box-1 .link-wrapper .contact-link{font-size:20px;line-height:150%;font-weight:400}footer .sub-container .content .copyright{padding-block-start:24px;font-size:.81rem;text-transform:capitalize}*{margin:0;padding:0;scroll-behavior:smooth;box-sizing:border-box}*:not(input){-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;overflow-x:clip;background-color:#f7f2e2;color:#272621;font-family:Satoshi,serif,sans-serif;font-size:18px;line-height:150%}picture,img{display:block}a{display:block;color:initial;text-decoration:none}main.home-page{position:relative;width:100%;height:auto}main.home-page section.banner{position:relative;width:100%;height:auto}main.home-page section.banner .sub-container{position:relative;width:100%;height:auto;padding-block:6.7rem 4.5rem}@media only screen and (max-width: 479px){main.home-page section.banner .sub-container{padding-block:3.33rem 2.22rem}}main.home-page section.banner .sub-container .content{position:relative;width:100%;height:auto}main.home-page section.banner .sub-container .content .title{position:relative;width:80%;height:auto;max-width:1399.98px;margin-inline:auto;text-align:center}@media only screen and (max-width: 1399.98px){main.home-page section.banner .sub-container .content .title{width:95%}}@media only screen and (max-width: 479px){main.home-page section.banner .sub-container .content .title{width:90%}}main.home-page section.banner .sub-container .content .title h1{padding-block-end:18px}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){main.home-page section.banner .sub-container .content .title h1{padding-block-end:8px}}main.home-page section.banner .sub-container .content .image-container{position:relative;width:100%;height:auto;margin-block-start:3.6rem}main.home-page section.banner .sub-container .content .image-container .image-box{position:relative;width:100%;height:auto;max-width:620px;margin-inline:auto;z-index:1}@media only screen and (max-width: 620px){main.home-page section.banner .sub-container .content .image-container .image-box{width:100%}}@media only screen and (max-width: 479px){main.home-page section.banner .sub-container .content .image-container .image-box{width:90%}}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){main.home-page section.banner .sub-container .content .image-container .image-box{width:84%}}@media only screen and (max-width: 479px){main.home-page section.banner .sub-container .content .image-container .image-box{width:80%}}main.home-page section.banner .sub-container .content .image-container .image-box img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center}main.home-page section.banner .sub-container .content .image-container .stripes{position:absolute;width:100%;height:100%;top:0;bottom:auto;left:0;right:auto;display:flex;justify-content:center;align-items:center}main.home-page section.banner .sub-container .content .image-container .stripes .stripe-box{position:relative;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;gap:48px;transform:scale(1.2) rotate(-6deg)}@media only screen and (max-width: 479px){main.home-page section.banner .sub-container .content .image-container .stripes .stripe-box{gap:24px}}main.home-page section.banner .sub-container .content .image-container .stripes .stripe-box:not(.is-inview) div{width:0%}main.home-page section.banner .sub-container .content .image-container .stripes .stripe-box div{position:relative;width:100%;height:20px;transform-origin:0%;transition:width .4s ease-in-out}main.home-page section.banner .sub-container .content .image-container .stripes .stripe-box .first-line{background-color:#a19b8a;transition-delay:.6s}main.home-page section.banner .sub-container .content .image-container .stripes .stripe-box .second-line{background-color:#ccc7b6;transition-delay:.8s}main.home-page section.banner .sub-container .content .image-container .stripes .stripe-box .third-line{background-color:#d9d4c3;transition-delay:1s}main.home-page section.about{position:relative;width:100%;height:auto}main.home-page section.about .sub-container{position:relative;width:95%;height:auto;max-width:1399.98px;margin-inline:auto;padding-block:3.33rem}@media only screen and (max-width: 1399.98px){main.home-page section.about .sub-container{width:95%}}@media only screen and (max-width: 479px){main.home-page section.about .sub-container{width:90%}}main.home-page section.about .sub-container .content{position:relative;width:100%;height:auto}main.home-page section.about .sub-container .content .details{position:relative;width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width: 991px){main.home-page section.about .sub-container .content .details{grid-template-columns:1fr;justify-content:center;align-items:center;text-align:center;gap:48px}}main.home-page section.about .sub-container .content .details .box-1{max-width:32.05rem;display:flex;flex-direction:column;justify-content:start;row-gap:1.33rem}main.home-page section.about .sub-container .content .details .box-1 .redirect-container{position:relative;width:fit-content;height:auto;margin-block-start:16px}main.home-page section.about .sub-container .content .details .box-1 .redirect-container .rd-btn{position:relative;width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;gap:16px}main.home-page section.about .sub-container .content .details .box-1 .redirect-container .rd-btn div{font-size:20px}main.home-page section.about .sub-container .content .details .box-1 .redirect-container .rd-btn .arrow{position:relative;width:32px;height:32px;border-radius:50%;border:solid 1px #272621;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .4s}main.home-page section.about .sub-container .content .details .box-1 .redirect-container .rd-btn .arrow img{position:relative;width:1rem;height:1rem;transition:all .4s}main.home-page section.about .sub-container .content .details .box-1 .redirect-container .rd-btn:hover .arrow{transform:scale3d(1.1,1.1,1);transform-style:preserve-3d}main.home-page section.about .sub-container .content .details .box-1 .redirect-container .rd-btn:hover .arrow img{animation:arrow-uytvu5t .4s linear forwards}@keyframes arrow-uytvu5t{0%{transform:translate(0);opacity:1}50%{transform:translate(20px);opacity:0}51%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}main.home-page section.about .sub-container .content .details .box-1 .redirect-container .rd-btn:not(:hover) .arrow img{animation:arrow-uytvu7f .4s linear forwards}@keyframes arrow-uytvu7f{0%{transform:translate(0);opacity:1}50%{transform:translate(20px);opacity:0}51%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@media only screen and (max-width: 991px){main.home-page section.about .sub-container .content .details .box-1{align-items:center}}main.home-page section.about .sub-container .content .details .box-2{max-width:32.05rem;margin-inline-start:auto}main.home-page section.about .sub-container .content .separator{width:100%;height:1px;background-color:#272621;transition:width .4s ease-in-out .2s;margin-block-start:3.6rem}main.home-page section.about .sub-container .content .separator:not(.is-inview){width:0%}main.home-page section.about .sub-container .content .numbers{position:relative;width:100%;height:auto}main.home-page section.about .sub-container .content .numbers .cover{position:relative;width:100%;height:auto;padding-block:4.4rem 2.22rem;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;justify-content:center;align-items:center}@media only screen and (max-width: 991px){main.home-page section.about .sub-container .content .numbers .cover{grid-template-columns:repeat(2,1fr);gap:40px 1px}}@media only screen and (max-width: 479px){main.home-page section.about .sub-container .content .numbers .cover{padding-block:4rem 1.11rem}}main.home-page section.about .sub-container .content .numbers .cover .stats{position:relative;width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:1.33rem}main.home-page section.about .sub-container .content .numbers .cover .stats:not(:nth-child(1)){border-left:solid 1px #272621}@media only screen and (max-width: 991px){main.home-page section.about .sub-container .content .numbers .cover .stats:nth-child(odd){border-left:none}main.home-page section.about .sub-container .content .numbers .cover .stats:nth-child(2n){border-left:solid 1px #272621}}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){main.home-page section.about .sub-container .content .numbers .cover .stats{row-gap:16px}}@media only screen and (max-width: 479px){main.home-page section.about .sub-container .content .numbers .cover .stats{row-gap:8px}}main.home-page section.about .sub-container .content .numbers .cover .stats .value{font-size:3.6rem;line-height:115%}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){main.home-page section.about .sub-container .content .numbers .cover .stats .value{font-size:2.89rem}}@media only screen and (max-width: 479px){main.home-page section.about .sub-container .content .numbers .cover .stats .value{font-size:10vw}}main.home-page section.video{position:relative;width:100%;height:auto;padding-block:3.33rem}main.home-page section.video .sub-container{position:relative;width:95%;height:auto;max-width:1399.98px;margin-inline:auto;min-height:220vh}@media only screen and (max-width: 1399.98px){main.home-page section.video .sub-container{width:95%}}@media only screen and (max-width: 479px){main.home-page section.video .sub-container{width:90%}}main.home-page section.video .sub-container .content{perspective:200px}main.home-page section.video .sub-container .content .video-cover{position:relative;width:auto;height:90dvh;top:5dvh}main.home-page section.video .sub-container .content .video-cover video{position:relative;width:100%;height:100%;object-fit:cover;object-position:center}main.home-page section.video .sub-container .content .link{position:absolute;width:100px;height:100px;right:1.75rem;bottom:1.75rem;border-radius:50%;background-color:#272621;display:flex;justify-content:center;align-items:center}main.home-page section.video .sub-container .content .link img{position:relative;width:1.75rem;height:1.75rem;object-fit:cover;object-position:center}main.home-page section.service{position:relative;width:100%;height:auto}main.home-page section.service .sub-container{position:relative;width:95%;height:auto;max-width:1399.98px;margin-inline:auto;padding-block:3.33rem}@media only screen and (max-width: 479px){main.home-page section.service .sub-container{padding-block:2.89rem}}@media only screen and (max-width: 1399.98px){main.home-page section.service .sub-container{width:95%}}@media only screen and (max-width: 479px){main.home-page section.service .sub-container{width:90%}}main.home-page section.service .sub-container .content{position:relative;width:100%;height:auto}main.home-page section.service .sub-container .content .heading{margin-block:20px 10px}@media only screen and (max-width: 991px){main.home-page section.service .sub-container .content .heading{text-align:center}}main.home-page section.service .sub-container .content .service-list{position:relative;width:100%;height:auto;margin-block-start:3.6rem;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;column-gap:7.8rem}@media only screen and (max-width: 991px){main.home-page section.service .sub-container .content .service-list{grid-template-columns:1fr;column-gap:40px;row-gap:48px}}main.home-page section.service .sub-container .content .service-list .box-1{position:relative;width:100%;height:auto}main.home-page section.service .sub-container .content .service-list .box-1 .services{position:relative;width:100%;height:auto;max-width:28.9rem}@media only screen and (max-width: 991px){main.home-page section.service .sub-container .content .service-list .box-1 .services{margin-inline:auto}}main.home-page section.service .sub-container .content .service-list .box-1 .services .item{position:relative;width:100%;height:auto;padding-block:1.8rem;display:flex;justify-content:flex-start;align-items:center;gap:.8rem;border-bottom:1px solid #272621;transition:all .4s ease-in-out allow-discrete}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){main.home-page section.service .sub-container .content .service-list .box-1 .services .item{padding-block:16px}}main.home-page section.service .sub-container .content .service-list .box-1 .services .item .dot{position:relative;width:10px;height:10px;background-color:#272621;border-radius:50%;transition:all .4s ease-in-out allow-discrete}main.home-page section.service .sub-container .content .service-list .box-1 .services .item p{font-size:32px;line-height:120%}@media only screen and (max-width: 479px){main.home-page section.service .sub-container .content .service-list .box-1 .services .item p{font-size:24px}}main.home-page section.service .sub-container .content .service-list .box-1 .services .item:not(.active){gap:0rem;color:#27262180;border-bottom:1px solid #d3c8c2}main.home-page section.service .sub-container .content .service-list .box-1 .services .item:not(.active) .dot{width:0;height:0}main.home-page section.service .sub-container .content .service-list .box-2{position:relative;width:100%;height:auto}main.home-page section.service .sub-container .content .service-list .box-2 .service-details{position:absolute;top:0;left:0;max-width:28.9rem;opacity:0;display:none;transition:all .4s ease-in-out;transition-behavior:allow-discrete}@media only screen and (max-width: 991px){main.home-page section.service .sub-container .content .service-list .box-2 .service-details{margin-inline:auto}}main.home-page section.service .sub-container .content .service-list .box-2 .service-details .highlight-wrapper{position:relative;width:100%;height:auto;padding-bottom:20px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:6px}main.home-page section.service .sub-container .content .service-list .box-2 .service-details .highlight-wrapper .highlight{white-space:nowrap;padding-block:5px;padding-inline:20px;font-size:16px;border-radius:4px;border:solid 1px #272621}main.home-page section.service .sub-container .content .service-list .box-2 .service-details .description{position:relative;width:100%;height:auto;margin-bottom:10px}main.home-page section.service .sub-container .content .service-list .box-2 .service-details.active{opacity:1;display:block}@media only screen and (max-width: 991px){main.home-page section.service .sub-container .content .service-list .box-2 .service-details{position:relative}}main.home-page section.work{position:relative;width:100%;height:auto}main.home-page section.work .heading{position:relative;width:100%;height:auto;padding-block:3.33rem}main.home-page section.work .heading .wrapper{position:relative;width:100%;height:auto;left:-20%;display:flex;align-items:center;gap:3.556rem}main.home-page section.work .heading .wrapper .text{flex:none}main.home-page section.work .sub-container{position:relative;width:95%;height:auto;max-width:1399.98px;margin-inline:auto;padding-block:3.33rem}@media only screen and (max-width: 479px){main.home-page section.work .sub-container{padding-block:2.89rem}}@media only screen and (max-width: 1399.98px){main.home-page section.work .sub-container{width:95%}}@media only screen and (max-width: 479px){main.home-page section.work .sub-container{width:90%}}main.home-page section.work .sub-container .content{position:relative;width:100%;height:auto}main.home-page section.work .sub-container .content .project-list{position:relative;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.44rem}main.home-page section.work .sub-container .content .project-list .project{position:relative;width:100%;height:auto}main.home-page section.work .sub-container .content .project-list .project .separator{width:100%;height:1px;background-color:#272621;transition:width .4s ease-in-out .2s;margin-block-start:4.44rem}main.home-page section.work .sub-container .content .project-list .project .separator:not(.is-inview){width:0%}main.home-page section.work .sub-container .content .project-list .project .wrapper{position:relative;width:100%;height:auto;display:grid;grid-template-columns:.31fr .69fr;grid-auto-rows:auto;gap:2.2rem}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){main.home-page section.work .sub-container .content .project-list .project .wrapper{grid-template-columns:1fr;gap:48px}}main.home-page section.work .sub-container .content .project-list .project .wrapper .details{position:relative;width:100%;height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){main.home-page section.work .sub-container .content .project-list .project .wrapper .details{gap:48px}}main.home-page section.work .sub-container .content .project-list .project .wrapper .details .counter{position:relative;width:fit-content;height:auto;display:flex;justify-content:flex-start;align-items:baseline}main.home-page section.work .sub-container .content .project-list .project .wrapper .details .counter p{font-size:1.33rem;font-weight:400;line-height:115%;opacity:.5}main.home-page section.work .sub-container .content .project-list .project .wrapper .details .counter p:first-child{opacity:1;font-size:1.78rem}main.home-page section.work .sub-container .content .project-list .project .wrapper .details .title{position:relative;width:fit-content;height:auto}main.home-page section.work .sub-container .content .project-list .project .wrapper .details .title .text-project-name{padding-block-end:1.33rem}main.home-page section.work .sub-container .content .project-list .project .wrapper .image{position:relative;width:100%;height:560px;overflow:hidden;cursor:none}@media only screen and (max-width: 991px){main.home-page section.work .sub-container .content .project-list .project .wrapper .image{height:450px;display:flex;justify-content:center;align-items:center}}@media only screen and (max-width: 479px){main.home-page section.work .sub-container .content .project-list .project .wrapper .image{height:72vw}}main.home-page section.work .sub-container .content .project-list .project .wrapper .image .cursor{position:absolute;width:80px;height:80px;visibility:visible;border-radius:50%;background-color:#272621;z-index:1;display:flex;justify-content:center;align-items:center;transition:width .4s ease-in-out allow-discrete,height .4s ease-in-out allow-discrete,visibility .4s ease-in-out allow-discrete}main.home-page section.work .sub-container .content .project-list .project .wrapper .image .cursor img{position:relative;width:1.33rem;height:1.33rem;transition:width .4s ease-in-out allow-discrete,height .4s ease-in-out allow-discrete,visibility .4s ease-in-out allow-discrete}main.home-page section.work .sub-container .content .project-list .project .wrapper .image .cursor:not(.hover){width:0px;height:0px;visibility:hidden}main.home-page section.work .sub-container .content .project-list .project .wrapper .image .cursor:not(.hover) img{visibility:hidden;width:0px;height:0px}@media only screen and (max-width: 991px){main.home-page section.work .sub-container .content .project-list .project .wrapper .image .cursor{width:80px!important;height:80px!important;visibility:visible!important}main.home-page section.work .sub-container .content .project-list .project .wrapper .image .cursor img{visibility:visible!important;width:1.3rem!important;height:1.3rem!important}}main.home-page section.work .sub-container .content .project-list .project .wrapper .image img,main.home-page section.work .sub-container .content .project-list .project .wrapper .image picture{position:relative;width:100%;height:100%;object-fit:cover;object-position:center}main.home-page section.team{position:relative;width:100%;height:auto}main.home-page section.team .sub-container{position:relative;width:95%;height:auto;max-width:1399.98px;margin-inline:auto;padding-block:3.33rem}@media only screen and (max-width: 479px){main.home-page section.team .sub-container{padding-block:2.89rem}}@media only screen and (max-width: 1399.98px){main.home-page section.team .sub-container{width:95%}}@media only screen and (max-width: 479px){main.home-page section.team .sub-container{width:90%}}main.home-page section.team .sub-container .content{position:relative;width:100%;height:auto;display:grid;grid-template-columns:.35fr .65fr;grid-auto-rows:auto;gap:5.56rem}@media only screen and (max-width: 991px){main.home-page section.team .sub-container .content{align-items:center;justify-content:center;grid-template-columns:1fr;gap:2.89rem}}main.home-page section.team .sub-container .content .box-1{position:relative;width:100%;height:auto;max-width:32.05rem;display:flex;flex-direction:column;justify-content:start;row-gap:1.33rem}main.home-page section.team .sub-container .content .box-1 .redirect-container{position:relative;width:fit-content;height:auto;margin-block-start:16px}main.home-page section.team .sub-container .content .box-1 .redirect-container .rd-btn{position:relative;width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;gap:16px}main.home-page section.team .sub-container .content .box-1 .redirect-container .rd-btn div{font-size:20px}main.home-page section.team .sub-container .content .box-1 .redirect-container .rd-btn .arrow{position:relative;width:32px;height:32px;border-radius:50%;border:solid 1px #272621;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .4s}main.home-page section.team .sub-container .content .box-1 .redirect-container .rd-btn .arrow img{position:relative;width:1rem;height:1rem;transition:all .4s}main.home-page section.team .sub-container .content .box-1 .redirect-container .rd-btn:hover .arrow{transform:scale3d(1.1,1.1,1);transform-style:preserve-3d}main.home-page section.team .sub-container .content .box-1 .redirect-container .rd-btn:hover .arrow img{animation:arrow-uytvu89 .4s linear forwards}@keyframes arrow-uytvu89{0%{transform:translate(0);opacity:1}50%{transform:translate(20px);opacity:0}51%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}main.home-page section.team .sub-container .content .box-1 .redirect-container .rd-btn:not(:hover) .arrow img{animation:arrow-uytvu8s .4s linear forwards}@keyframes arrow-uytvu8s{0%{transform:translate(0);opacity:1}50%{transform:translate(20px);opacity:0}51%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@media only screen and (max-width: 991px){main.home-page section.team .sub-container .content .box-1{justify-self:center;justify-content:center;text-align:center;align-items:center}}main.home-page section.team .sub-container .content .box-2{position:relative;width:100%;height:auto}main.home-page section.team .sub-container .content .box-2 .team-list{position:relative;width:100%;height:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-columns:1fr;grid-auto-rows:auto;row-gap:3.56rem;column-gap:2.22rem}@media only screen and (max-width: 991px){main.home-page section.team .sub-container .content .box-2 .team-list{max-width:720px;margin-inline:auto}}@media only screen and (max-width: 767px),(orientation: portrait) and (max-width: 767px){main.home-page section.team .sub-container .content .box-2 .team-list{row-gap:2.67rem;column-gap:1.33rem}}@media only screen and (max-width: 479px){main.home-page section.team .sub-container .content .box-2 .team-list{grid-template-columns:1fr}}main.home-page section.team .sub-container .content .box-2 .team-list .team-member{position:relative;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.33rem}main.home-page section.team .sub-container .content .box-2 .team-list .team-member .image{position:relative;width:100%;height:auto}main.home-page section.team .sub-container .content .box-2 .team-list .team-member .image img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center}main.home-page section.team .sub-container .content .box-2 .team-list .team-member .profile{position:relative;width:100%;height:auto;text-align:center}main.home-page section.team .sub-container .content .box-2 .team-list .team-member .profile h3{margin-block:12px 8px}main.home-page section.team .sub-container .content .box-2 .team-list .team-member .social-icon{position:relative;width:100%;height:auto;display:flex;justify-content:center;align-items:center;gap:8px}main.home-page section.team .sub-container .content .box-2 .team-list .team-member .social-icon .icon{position:relative;width:40px;height:40px;border-radius:50%;background-color:#e2decf;display:flex;justify-content:center;align-items:center}main.home-page section.team .sub-container .content .box-2 .team-list .team-member .social-icon .icon img{position:relative;width:18px;height:18px}