@font-face{font-family:headingb;src:url(/fonts/HelveticaNowDisplay-Medium.woff2)}@font-face{font-family:headingm;src:url(/fonts/HelveticaNowDisplay-Regular.woff2)}@font-face{font-family:para;src:url(/fonts/FreightBigProLight-Regular.woff2)}@font-face{font-family:paraItalic;src:url(/fonts/FreightBigProLight-Italic.woff2)}@font-face{font-family:paraBold;src:url(/fonts/66601c7c6b0d48cf88bbe09a_PPNeueMontreal-SemiBold.woff2)}::-webkit-scrollbar{display:none!important}.c-scrollbar_thumb{display:none!important}::selection{background-color:#f5e31a}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}#pointer{width:40px;height:auto;position:fixed;top:0;left:0;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transform-origin:bottom;display:flex;align-items:center;justify-content:center;opacity:0;will-change:transform,left,top}#pointer svg{width:100%;height:auto}#service-page{position:fixed;top:-100%;left:0;background-color:#f5e31a;height:100vh;width:100%;z-index:9;padding-top:40px}#about-service-text{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-size:16px;font-weight:500;font-family:headingm}#service-top{width:100%;padding:8px 13px;display:flex;align-items:center;justify-content:end;height:40px}#service-top p{font-family:paraBold;font-size:14px;text-transform:capitalize;cursor:pointer}#service-offer{width:100%;height:calc(100vh - 80px);display:flex;align-items:center;padding:13px;overflow-y:auto}#our-service{width:100%;display:flex;align-items:start;gap:150px}.service-wrap{display:flex;align-self:start;justify-content:space-between;width:80%}#our-service .services{height:100%}#our-service .services p{font-family:headingb;font-size:17px;font-variant-numeric:tabular-nums}.service-title{padding-bottom:12px;font-size:14px!important;font-family:paraBold!important;text-transform:uppercase!important}.service-title-main{font-size:14px!important;font-family:paraBold!important;text-transform:uppercase}#our-service .services .text-effect{margin-bottom:12px;height:18px}#our-service .services .text-effect .effect{font-size:14px}nav{position:absolute;bottom:-40px;left:0;width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;padding:8px 13px;z-index:2;background-color:#fff;text-transform:uppercase;font-size:14px}#menu-container{position:absolute;width:100%;background-color:#fff;height:100dvh;top:0%;left:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:70px 13px 30px;font-family:paraBold;text-transform:uppercase;font-size:16px;opacity:0;display:none}#menu-button{font-family:headingb!important;text-transform:capitalize!important}.menu-top{display:flex;flex-direction:column;align-items:end}.menu-top a{display:inline-block;color:#000;margin-bottom:10px;font-family:headingb!important;text-decoration:none!important;text-transform:capitalize!important}.menu-top p{font-family:headingb!important;margin-bottom:10px;text-transform:capitalize!important}.menu-btm{width:100%;display:flex;align-items:end;justify-content:space-between}.menu-btm>a{text-transform:lowercase;margin:0!important;font-family:headingb!important;border:none!important;text-decoration:none!important;color:#000}.menu-social{display:flex;flex-direction:column;align-items:end}.menu-social a{display:inline-block;margin-top:10px;text-decoration:none;font-family:headingb!important;text-transform:capitalize!important}.off-menu-btn{display:block}nav #nav-service.active{opacity:1!important}nav .inactive{opacity:.5!important}#logo{font-family:headingb;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}nav a{text-decoration:none;color:#000;position:relative;z-index:9}nav img{height:30px;filter:grayscale(100%) brightness(0%) contrast(100%)}#nav-right{display:flex;align-items:center;font-family:headingb;font-size:14px;text-transform:capitalize;gap:20px;position:absolute;left:50%;transform:translate(-50%);z-index:9}#nav-right #nav-service{cursor:pointer;opacity:.5}.play-btn{display:flex;align-items:center;gap:6px}.play-btn p{line-height:1}#main{position:relative;width:100%;background-color:#fff;overflow:hidden}#page1{position:relative;width:100%;height:55vh;display:flex;align-items:center;justify-content:center}.header-text{position:absolute;bottom:45%}.header-text h2{font-size:3.5vw;text-align:center;font-family:paraItalic;line-height:.9}.header-text h2 span{display:inline-block;margin-right:5px}.header-text h2 .lower{font-family:paraItalic;font-weight:500}.header-text h2 .upper{font-family:para;font-weight:500}#filter-container{width:100%;position:absolute;bottom:0;left:0;padding:13px;display:flex;align-items:center;gap:5px}#filter-container p{color:#00000096;font-family:headingb;font-size:14px;text-transform:capitalize;padding:4px 13px;border-radius:5px;cursor:pointer;transition:all ease .1s}#filter-container .active{background-color:#f5f5f5;color:#000}#filter-container p:hover{background-color:#f5f5f5}#page2{width:100%;min-height:50vh;padding:0 13px;margin-bottom:calc(10vw - 40px)}#flip-filter-container{width:100%;display:flex;flex-wrap:wrap;height:0;overflow:hidden;padding:0;opacity:0;border-top:1px solid rgba(128,128,128,.336);transition:all ease .6s}.options-fl-main{width:25%}.options-fl{width:fit-content;display:flex;align-items:start}#flip-filter-container p{font-family:para;text-transform:capitalize;font-size:25px;line-height:.8;margin-bottom:10px;font-weight:500;cursor:pointer;transition:all ease .3s}#flip-filter-container .options-fl:hover p{font-family:paraItalic}#page2 .project{text-decoration:none;color:#000}.projects-container{width:100%;display:flex;align-items:start;gap:10px;flex-wrap:wrap}.projects-container a{cursor:none}#all-project,#filter-project{display:none;opacity:0}.empty-space{opacity:0}.project-small .showcase{width:100%;height:415px;background-color:#8080801d;margin-bottom:8px;position:relative}.showcase-over{position:absolute;top:0;left:0;height:100%;width:100%}.showcase-over video,.showcase-over img{width:100%;height:100%;object-fit:cover;opacity:0;transition:all ease .4s}.project.active .showcase-over video{opacity:1}.project.active .showcase-over img{opacity:1}.showcase img{width:100%;height:100%;object-fit:cover}.project-small{flex-shrink:0;width:24.5%;margin-bottom:40px}.project-small h3{font-size:28px;font-weight:500;line-height:.8;font-family:para;text-transform:uppercase}.project-small h4{font-size:28px;font-weight:500;line-height:1.2;font-family:paraItalic;text-transform:capitalize}.project-large{width:49.5%;flex-shrink:0;margin-bottom:40px}.project-large .showcase{width:100%;height:120vh;background-color:#8080801d;margin-bottom:8px;position:relative}.project-large h3{font-size:28px;font-weight:500;line-height:1.2;font-family:para;text-transform:uppercase}.project-large h4{font-size:28px;font-weight:500;line-height:.8;font-family:paraItalic;text-transform:capitalize}#page3{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}#page3 h2{font-size:3.5vw;text-align:center;font-family:paraItalic;line-height:.7}#page3 h2 span{display:inline-block;margin-right:10px}#page3 h2 .lower{font-family:paraItalic;font-weight:500}#page3 h2 .upper{font-family:para;font-weight:500}footer{width:100%;padding:8px 13px 20px;font-family:headingb;font-size:14px;height:100vh;position:relative;overflow:hidden;display:flex;align-items:end}#footer-text-center{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;width:100%;flex-direction:column;gap:1vw}#footer-text-center h4{font-size:2vw;font-weight:500;line-height:.9;margin-bottom:10px;font-family:paraItalic}#footer-text-center h4:nth-child(2){font-family:para}#footer-text-center span{display:inline-block}#footer-text-center .lower{font-family:paraItalic;font-weight:500}#footer-text-center .upper{font-family:para;font-weight:500}#footer-content{height:fit-content;width:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(120%);z-index:5}.footer-layer{width:100%;height:100%;background-color:#fff;position:absolute;bottom:0;left:0;opacity:0;pointer-events:none}#footer-pt1{width:18.5%;display:flex;flex-direction:column;margin-bottom:80px;position:relative;z-index:2;gap:20px}.ft-title{margin-bottom:5px;font-family:paraBold;text-transform:uppercase}#footer-pt2{width:100%;display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2}#ft-lf{width:fit-content}#ft-lf p{text-transform:uppercase;font-family:paraBold}#ft-rt{width:33%}.rt-top{width:100%;display:flex;align-items:end;justify-content:space-between}.rt-top a,.rt-top p{font-family:paraBold;text-transform:uppercase}.rt-top #mail a{text-transform:lowercase!important;color:#000;text-decoration:none}.footer-mail{display:flex;align-items:center;gap:5px}.icon-ft{width:15px;height:15px;margin:15px 0;overflow:hidden;display:flex;flex-direction:column}.icon-ft:hover img,.footer-mail:hover i{transform:translateY(-105%)}.icon-ft img{width:100%;height:100%;filter:invert(1);transition:all ease .3s}.mail-icon{margin:0}.mail-icon i{width:100%;height:100%;transition:all ease .3s;display:inline-block}.text-effect{height:14px;overflow:hidden;margin-bottom:3px;width:fit-content;cursor:pointer;display:block;font-family:paraBold!important;text-decoration:none;color:#000}.Instagram{height:18px}.text-effect span{display:inline-block}.text-effect a{display:block;font-family:paraBold!important}#footer-content>p{display:none}.footer-mail p{font-family:headingb!important;line-height:1}a{text-decoration:none;color:#000}#menu-button{display:none}#des-title{display:block}#mobile-title{display:none}#mail-mobile a{text-transform:lowercase!important;text-decoration:none;color:#000}@media (max-width: 576px){#pointer,.play-btn{display:none}#nav-right{position:static;transform:none}#nav-right>div,#nav-right>a{display:none}#mute-music{display:none}#filter-container p:hover{background-color:transparent}.footer-mail p{line-height:normal}nav{background-color:#fff!important}#des-title{display:none}#mobile-title{display:block}.off-menu-btn{display:none}#menu-button{display:block}#service-page{position:fixed;top:-100%;left:0;background-color:#f5e31a;height:100dvh!important;width:100%;z-index:9;padding-top:40px}#service-offer{width:100%;height:calc(100svh - 80px);align-items:start;padding:13px;padding-top:30px!important;overflow-y:auto}.service-wrap{align-self:start;flex-direction:column;gap:20px;width:100%}#about-service-text{display:none}#our-service{align-items:start;gap:20px;flex-direction:column}.header-text{bottom:27%}#filter-container{padding:13px;gap:5px;overflow-x:auto}#filter-container p{font-size:14px!important;padding:4px 8px!important;display:flex;align-items:center}.name-tag{display:flex;align-items:center}.name-space{height:fit-content;display:flex;white-space:nowrap}.options-fl-main{width:100%}.projects-container{width:100%;flex-direction:column}.project-small,.project-large{width:100%;margin-bottom:40px}.project-large .showcase{width:100%;height:415px;margin-bottom:8px}.empty-space{display:none}.header-text h2{font-size:37px!important;line-height:.8!important}#page2{padding-bottom:60px}.project-small h3,.project-large h3{font-size:20px;font-weight:500;line-height:.8;font-family:para;text-transform:uppercase}.project-small h4,.project-large h3{font-size:21px}footer{height:120vh;font-size:14px!important}#footer-text-center{top:30%;width:80%;gap:1vw}#footer-text-center h4{font-size:35px!important;font-weight:500;line-height:.8!important;margin-bottom:20px;letter-spacing:0!important}#footer-pt1{width:95%;gap:30px;margin-bottom:20px!important}#footer-pt2{margin-bottom:20px}.footer-mail p{font-family:headingb!important}#footer-pt2>p{display:none}#ft-lf{display:none}#ft-rt{display:none!important}.rt-top{justify-content:start;gap:45px}.text-effect{height:17px;margin-bottom:6px}.icon-ft{width:16px;height:16px}footer{font-size:14px!important}#footer-content{transform:translateY(0)}#footer-content>p{font-size:14px;display:block}#mail{display:none}#mail-mobile{display:none!important}}@media (min-width: 460px) and (max-width: 576px){.projects-container{width:100%;flex-direction:row;gap:7px!important}.project-small,.project-large{width:49%!important;margin-bottom:20px}.project-small .showcase{height:300px!important;margin-bottom:8px!important}.project-large .showcase{width:100%;height:300px!important;margin-bottom:8px!important}#footer-text-center h4{font-size:25px}}@media (min-width: 576px) and (max-width: 650px){.projects-container{width:100%;flex-direction:row}.project-small,.project-large{width:49%!important;margin-bottom:20px}.project-small .showcase{height:360px!important;margin-bottom:8px!important}.project-large .showcase{width:100%;height:360px!important;margin-bottom:8px!important}}@media (min-width: 576px) and (max-width: 875px){.footer-mail p{line-height:normal}#our-service{width:100%;display:flex;align-items:start;gap:20px;flex-direction:column}.service-wrap{width:100%;display:flex;align-self:start;justify-content:space-between;flex-wrap:wrap}#our-service .services{height:100%;width:50%;flex-shrink:0;margin-bottom:20px}#about-service-text{display:none}}@media (min-width: 875px) and (max-width: 1130px){#our-service{width:100%;display:flex;align-items:start;gap:20px;flex-direction:column}.service-wrap{width:100%;display:flex;align-self:start;justify-content:space-between;flex-wrap:wrap}#our-service .services{height:100%;width:30%;flex-shrink:0;margin-bottom:20px}#about-service-text{position:absolute;bottom:10%;left:none;transform:none;right:0;font-size:16px;font-weight:500;font-family:headingm;width:50%;height:50px}}@media (min-width: 576px) and (max-width: 767px){.header-text h2{font-size:32px;line-height:1.1}.options-fl-main{width:50%}.project-small{width:49.5%;margin-bottom:20px}.projects-container{gap:5px!important}.project-large{margin-bottom:20px}.project-large .showcase{width:100%;height:415px;margin-bottom:8px}.empty-space{display:none}footer{height:130vh;font-size:14px}#footer-text-center{top:25%;width:80%;gap:1vw}#footer-text-center h4{font-size:4vw;font-weight:500;line-height:1.1;margin-bottom:20px}#footer-pt1{width:40.5%;margin-bottom:35px;gap:30px}#footer-pt2{margin-bottom:20px}#footer-pt2>p{display:none}footer>p{display:block}#mail-d{display:none}#ft-rt{width:28%}.text-effect{height:17px;margin-bottom:6px}.icon-ft{width:16px;height:16px}#footer-content{transform:translateY(0)}#footer-content>p{font-size:14px;display:block}#mail{display:none}}@media (min-width: 768px) and (max-width: 991px){.header-text h2{font-size:3.9vw;line-height:1.1}.options-fl-main{width:calc(100% / 3)}.project-small,.project-large{width:32.8%;margin-bottom:50px}.project-small .showcase{height:320px;margin-bottom:8px}.project-large .showcase{width:100%;height:320px;margin-bottom:8px}.projects-container{gap:5px!important}.empty-space{display:none}footer{height:130vh;font-size:14px}#footer-text-center{top:25%;width:80%;gap:1vw}#footer-text-center h4{font-size:3.5vw;font-weight:500;line-height:1.1;margin-bottom:20px}#footer-pt1{width:40.5%;margin-bottom:35px;gap:30px}#footer-pt2{margin-bottom:20px}#footer-pt2>p{display:none}footer>p{display:block}#mail-d{display:none}#ft-rt{width:28%}.text-effect{height:17px;margin-bottom:6px}.icon-ft{width:16px;height:16px}#footer-content{transform:translateY(0)}#footer-content>p{font-size:14px;display:block}#mail{display:none}}@media (min-width: 855px) and (max-width: 991px){.project-small .showcase{height:355px;margin-bottom:8px}.project-large .showcase{width:100%;height:355px;margin-bottom:8px}.projects-container{gap:6px!important}}@media (min-width: 992px) and (max-width: 1199px){.header-text h2{font-size:3.9vw;line-height:1.1}.options-fl-main{width:calc(100% / 3)}.projects-container{gap:7px!important}.project-small,.project-large{width:32.8%;margin-bottom:50px}.project-small .showcase{height:410px;margin-bottom:8px}.project-large .showcase{width:100%;height:410px;margin-bottom:8px}.empty-space{display:none}#footer-pt1{width:28%;margin-bottom:35px;gap:20px}}@media (min-width: 1200px) and (max-width: 1286px){.project-small .showcase{height:380px;margin-bottom:8px}.project-large .showcase{width:100%;height:100vh;margin-bottom:8px}.projects-container{gap:7px!important}}@media (min-width: 1400px) and (max-width: 1450px){.project-small .showcase{height:390px;margin-bottom:8px}.project-large .showcase{width:100%;height:90vh;margin-bottom:8px}.projects-container{gap:7px!important}}
