.text-grey-black{color:var(--grey-black)}.bg-grey-black{background-color:var(--grey-black)}.text-grey-white{color:var(--grey-white)}.bg-grey-white{background-color:var(--grey-white)}.text-grey-grey-5{color:var(--grey-grey-5)}.bg-grey-grey-5{background-color:var(--grey-grey-5)}.text-grey-grey-10{color:var(--grey-grey-10)}.bg-grey-grey-10{background-color:var(--grey-grey-10)}.text-grey-grey-20{color:var(--grey-grey-20)}.bg-grey-grey-20{background-color:var(--grey-grey-20)}.text-grey-grey-50{color:var(--grey-grey-50)}.bg-grey-grey-50{background-color:var(--grey-grey-50)}.text-grey-grey-70{color:var(--grey-grey-70)}.bg-grey-grey-70{background-color:var(--grey-grey-70)}.text-grey-charcoal-ink{color:var(--grey-charcoal-ink)}.bg-grey-charcoal-ink{background-color:var(--grey-charcoal-ink)}.text-ivory-mist{color:var(--ivory-mist)}.bg-ivory-mist{background-color:var(--ivory-mist)}.text-silken-taupe{color:var(--silken-taupe)}.bg-silken-taupe{background-color:var(--silken-taupe)}.text-ash-mocha{color:var(--ash-mocha)}.bg-ash-mocha{background-color:var(--ash-mocha)}.text-antique-blush{color:var(--antique-blush)}.bg-antique-blush{background-color:var(--antique-blush)}.text-muted-plum{color:var(--muted-plum)}.bg-muted-plum{background-color:var(--muted-plum)}.text-verdigris-mist{color:var(--verdigris-mist)}.bg-verdigris-mist{background-color:var(--verdigris-mist)}#residential{background:var(--verdigris-mist)}#commercial{background:var(--antique-blush)}#residential,#commercial{min-height:100vh;position:relative}#residential .projects-tab,#commercial .projects-tab{width:100%;position:relative;display:flex;align-items:center;padding-top:clamp(160px,25vh,228px);padding-bottom:36px;height:calc(100vh - clamp(160px,25vh,228px))}@media (max-width: 991.98px){#residential .projects-tab,#commercial .projects-tab{height:auto;padding-top:0;margin-top:150px;overflow:auto;padding-bottom:2rem;grid-area:tab}}@media (max-width: 991.98px){#residential .container,#commercial .container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"tab tab" "title logo";align-items:center;column-gap:1rem;row-gap:2rem}}#residential .img,#commercial .img{width:50vw;height:100vh;position:fixed;right:0;top:0;margin:0;padding:0;overflow:hidden;z-index:0}@media (max-width: 991.98px){#residential .img,#commercial .img{position:relative;width:100%;height:auto;position:absolute;margin-top:228px}}#residential .img .project-preview-image,#commercial .img .project-preview-image{width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .3s ease}#residential .btn-list,#commercial .btn-list{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;width:50%;max-width:clamp(300px,50vw,600px);height:auto;max-height:100%;overflow-y:auto;position:relative;z-index:1;margin:0;padding:0}@media (max-width: 991.98px){#residential .btn-list,#commercial .btn-list{width:100%;max-width:none;height:auto;max-height:none;overflow-y:visible;padding-right:0}}#residential .btn-list::-webkit-scrollbar,#commercial .btn-list::-webkit-scrollbar{width:5px}#residential .btn-list::-webkit-scrollbar-track,#commercial .btn-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}#residential .btn-list::-webkit-scrollbar-thumb,#commercial .btn-list::-webkit-scrollbar-thumb{background:var(--grey-white);border-radius:10px}@media (max-width: 991.98px){#residential .btn-list,#commercial .btn-list{width:100%;height:clamp(200px,50vh,400px)}}@media (max-width: 1399.98px){#residential .btn-list,#commercial .btn-list{gap:6px}}#residential .work-btn,#commercial .work-btn{display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;cursor:pointer;text-decoration:none}@media (max-width: 1399.98px){#residential .work-btn,#commercial .work-btn{gap:5px}}#residential .work-btn .btn2,#commercial .work-btn .btn2{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}#residential .work-btn .project-name,#commercial .work-btn .project-name{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.5rem,1.323943662rem + .7511737089vw,2rem);line-height:clamp(32px,29.8873239437px + .5633802817vw,38px);font-weight:400;letter-spacing:0;margin-bottom:0;color:var(--grey-white);text-align:left;transition:color .3s ease}@media (max-width: 1599.98px){#residential .work-btn .project-name,#commercial .work-btn .project-name{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.25rem,1.161971831rem + .3755868545vw,1.5rem);line-height:clamp(26px,24.5915492958px + .3755868545vw,30px);font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1399.98px){#residential .work-btn .project-name,#commercial .work-btn .project-name{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:1rem;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 991.98px){#residential .work-btn .project-name,#commercial .work-btn .project-name{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:1.125rem;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1280px) and (max-height: 600px){#residential .work-btn .project-name,#commercial .work-btn .project-name{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:calc(1.2rem - 2px);line-height:1.15;font-weight:400;letter-spacing:0;margin-bottom:0}}#residential .work-btn .line-1,#commercial .work-btn .line-1{margin-top:-2px;border-top:2px solid var(--grey-white);width:0;height:0;transition:width .3s ease}#residential .work-btn:hover .line-1,#commercial .work-btn:hover .line-1{width:100%}#residential .projects-title,#commercial .projects-title{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.75rem,1.485915493rem + 1.1267605634vw,2.5rem);line-height:clamp(40px,37.1830985915px + .7511737089vw,48px);font-weight:400;letter-spacing:0;margin-bottom:0;color:var(--silken-taupe);text-align:right;position:fixed;right:5rem;bottom:5rem;z-index:10}@media (max-width: 1599.98px){#residential .projects-title,#commercial .projects-title{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.5rem,1.411971831rem + .3755868545vw,1.75rem);line-height:clamp(30px,28.5915492958px + .3755868545vw,34px);font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1399.98px){#residential .projects-title,#commercial .projects-title{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:1.25rem;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 991.98px){#residential .projects-title,#commercial .projects-title{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:1.35rem;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1280px) and (max-height: 600px){#residential .projects-title,#commercial .projects-title{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:calc(1.25rem - 2px);line-height:1.15;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 991.98px){#residential .projects-title,#commercial .projects-title{position:relative;right:auto;bottom:auto;width:auto;text-align:right;grid-area:title;justify-self:end}}#residential .logo-video,#commercial .logo-video{width:160px;height:160px;position:fixed;left:5rem;bottom:2.125rem;z-index:10;background:transparent;mix-blend-mode:screen}@media (max-width: 991.98px){#residential .logo-video,#commercial .logo-video{position:relative;left:auto;bottom:auto;margin:0 auto;display:block;grid-area:logo;justify-self:center}}#residential .logo-video .lottie-anim,#commercial .logo-video .lottie-anim{width:100%;height:100%;display:block;mix-blend-mode:screen}#residential .logo-video .lottie-anim svg,#residential .logo-video .lottie-anim canvas,#residential .logo-video .lottie-anim img,#residential .logo-video .lottie-anim video,#commercial .logo-video .lottie-anim svg,#commercial .logo-video .lottie-anim canvas,#commercial .logo-video .lottie-anim img,#commercial .logo-video .lottie-anim video{mix-blend-mode:screen}