.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)}body.project-detail-page .app-header{display:none!important}@media (max-width: 991.98px){body.project-detail-page .app-header{display:block!important}}#project-detail{--section-bg: var(--verdigris-mist, #a3b1ac);width:100%;height:100vh;overflow:hidden;position:relative}#project-detail.commercial-detail{--section-bg: var(--antique-blush, #bfa5a0)}#project-detail.residential-detail{--section-bg: var(--verdigris-mist, #a3b1ac)}@media (max-width: 991.98px){#project-detail{height:auto;overflow-y:auto;overflow-x:hidden}}#project-detail .case-study{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:flex-start;position:relative;height:100%;width:max-content;will-change:transform}@media (max-width: 991.98px){#project-detail .case-study{flex-direction:column;width:100%;height:auto;gap:0}#project-detail .case-study>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:800px}}#project-detail .case-study section:not(.section-left-image-right-text):last-child .image-wrapper{padding-right:clamp(104px,6.66vw,128px)}@media (max-width: 991.98px){#project-detail .case-study section:not(.section-left-image-right-text):last-child .image-wrapper{padding-left:0;padding-right:0}}@media (max-width: 991.98px){#project-detail .case-study section:last-child{padding-bottom:150px}}#project-detail .case-study section.section-left-image-right-text+section:not(:last-child) .image-wrapper{padding-left:0}@media (max-width: 991.98px){#project-detail .case-study section.section-left-image-right-text+section:not(:last-child) .image-wrapper{padding-left:0;padding-right:0}}#project-detail .nav-back{display:none;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;position:fixed;z-index:100;left:auto;right:4.16vw;left:90.8vw;top:93.6vh;cursor:pointer}@media (max-width: 991.98px){#project-detail .nav-back{right:24px;bottom:32px;top:auto;left:auto}}@media (max-width: 767.98px){#project-detail .nav-back{display:none!important}}#project-detail .arrow-left{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}#project-detail .back{color:var(--grey-white, #ffffff);text-align:right;font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.25rem,1.161971831rem + .3755868545vw,1.5rem);line-height:clamp(24px,22.5915492958px + .3755868545vw,28px);font-weight:400;letter-spacing:0;margin-bottom:0}@media (max-width: 1599.98px){#project-detail .back{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.125rem,1.0809859155rem + .1877934272vw,1.25rem);line-height:clamp(22px,20.5915492958px + .3755868545vw,26px);font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1399.98px){#project-detail .back{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:.94rem;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 991.98px){#project-detail .back{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: 1280px) and (max-height: 600px){#project-detail .back{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:calc(.94rem - 2px);line-height:1.15;font-weight:400;letter-spacing:0;margin-bottom:0}}#project-detail .section-intro-image{background:var(--section-bg);flex-shrink:0;width:100vw;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;width:clamp(100vw,100vw,1920px)}@media (max-width: 991.98px){#project-detail .section-intro-image{width:100%;height:auto;min-height:auto;overflow:visible;padding:20px 0 30px;justify-content:flex-start;display:block}}@media (max-width: 991.98px){#project-detail .section-intro-image{width:100%;display:flex;flex-direction:column;padding-top:156px}}#project-detail .section-intro-image .container{max-width:100%;padding-left:clamp(24px,4.16vw,80px);padding-right:clamp(24px,4.16vw,80px);display:flex;flex-direction:column;justify-content:center}@media (max-width: 991.98px){#project-detail .section-intro-image .container{padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);padding-top:0;justify-content:flex-start}}#project-detail .section-intro-image .content-wrapper{width:100%;height:auto;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;position:relative;padding:0 clamp(24px,2.5vw,48px)}@media (max-width: 991.98px){#project-detail .section-intro-image .content-wrapper{position:relative;flex-direction:column;width:100%;padding:0;gap:40px}}#project-detail .section-intro-image .text-content{display:flex;flex-direction:column;gap:clamp(20px,2vw,40px);align-items:flex-start;justify-content:flex-end;flex-shrink:0;position:relative}@media (max-width: 991.98px){#project-detail .section-intro-image .text-content{width:100%;padding-bottom:0}}#project-detail .section-intro-image .location{color:var(--silken-taupe, #d8cfc5);text-align:left;font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.25rem,1.161971831rem + .3755868545vw,1.5rem);line-height:clamp(24px,22.5915492958px + .3755868545vw,28px);font-weight:400;letter-spacing:0;margin-bottom:0;position:relative;width:100%;max-width:248px;height:26px;display:flex;align-items:center;justify-content:flex-start}@media (max-width: 1599.98px){#project-detail .section-intro-image .location{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.125rem,1.0809859155rem + .1877934272vw,1.25rem);line-height:clamp(22px,20.5915492958px + .3755868545vw,26px);font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1399.98px){#project-detail .section-intro-image .location{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:.94rem;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 991.98px){#project-detail .section-intro-image .location{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: 1280px) and (max-height: 600px){#project-detail .section-intro-image .location{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:calc(.94rem - 2px);line-height:1.15;font-weight:400;letter-spacing:0;margin-bottom:0}}#project-detail .section-intro-image .title-wrapper{display:flex;flex-direction:row;gap:clamp(40px,4.16vw,80px);align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;flex-wrap:wrap}#project-detail .section-intro-image .title{color:var(--grey-white, #ffffff);text-align:left;font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(2.25rem,1.985915493rem + 1.1267605634vw,3rem);line-height:clamp(48px,45.1830985915px + .7511737089vw,56px);font-weight:400;letter-spacing:0;margin-bottom:0;position:relative;max-width:250px;display:flex;align-items:center;justify-content:flex-start}@media (max-width: 1599.98px){#project-detail .section-intro-image .title{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(2rem,1.911971831rem + .3755868545vw,2.25rem);line-height:clamp(36px,33.8873239437px + .5633802817vw,42px);font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1399.98px){#project-detail .section-intro-image .title{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:1.5rem;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 991.98px){#project-detail .section-intro-image .title{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:1.75rem;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1280px) and (max-height: 600px){#project-detail .section-intro-image .title{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:calc(1.5rem - 2px);line-height:1.15;font-weight:400;letter-spacing:0;margin-bottom:0}}#project-detail .section-intro-image .description{color:var(--muted-plum, #5c4e53);text-align:left;font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1rem,.9559859155rem + .1877934272vw,1.125rem);line-height:clamp(22px,21.2957746479px + .1877934272vw,24px);font-weight:400;letter-spacing:0;margin-bottom:0;position:relative;max-width:520px}@media (max-width: 1599.98px){#project-detail .section-intro-image .description{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(.875rem,.8309859155rem + .1877934272vw,1rem);line-height:clamp(18px,16.5915492958px + .3755868545vw,22px);font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1399.98px){#project-detail .section-intro-image .description{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:.625rem;line-height:1.4;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 991.98px){#project-detail .section-intro-image .description{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:.875rem;line-height:1.4;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1280px) and (max-height: 600px){#project-detail .section-intro-image .description{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:calc(.625rem - 2px);line-height:1.35;font-weight:400;letter-spacing:0;margin-bottom:0}}#project-detail .section-intro-image .image-wrapper{flex-shrink:0;width:clamp(300px,25.8vw,496px);height:clamp(50vh,69.3vh,650px);position:relative;overflow:hidden}@media (max-width: 991.98px){#project-detail .section-intro-image .image-wrapper{position:relative;width:100%;height:auto;aspect-ratio:4/5}}#project-detail .section-intro-image .image{width:100%;height:100%;object-fit:cover}#project-detail .section-big-image{background:var(--section-bg);flex-shrink:0;width:100vw;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;width:clamp(100vw,100vw,1920px)}@media (max-width: 991.98px){#project-detail .section-big-image{width:100%;height:auto;min-height:auto;overflow:visible;padding:20px 0 30px;justify-content:flex-start;display:block}}@media (max-width: 991.98px){#project-detail .section-big-image{width:100%;height:auto;padding:30px 0}}#project-detail .section-big-image .image{width:100%;height:100%;position:absolute;left:0;top:50%;translate:0 -50%;object-fit:cover}@media (max-width: 991.98px){#project-detail .section-big-image .image{position:relative;width:100%;height:auto;aspect-ratio:4/3;left:0;top:0;translate:0 0}}#project-detail .section-big-small{background:var(--section-bg);flex-shrink:0;width:100vw;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;width:clamp(100vw,100vw,1920px)}@media (max-width: 991.98px){#project-detail .section-big-small{width:100%;height:auto;min-height:auto;overflow:visible;padding:20px 0 30px;justify-content:flex-start;display:block}}@media (max-width: 991.98px){#project-detail .section-big-small{width:100%;min-height:auto}}@media (max-width: 991.98px){#project-detail .section-big-small .container{display:flex;flex-direction:column}}#project-detail .section-big-small .image-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;gap:clamp(20px,2vw,40px);padding-left:clamp(104px,6.66vw,128px)}@media (max-width: 991.98px){#project-detail .section-big-small .image-wrapper{height:auto;padding-left:0;padding-right:0;flex-direction:column;gap:20px}}#project-detail .section-big-small .image-wrapper-big{width:65%;height:clamp(50vh,69.3vh,650px);position:relative;overflow:hidden}@media (max-width: 991.98px){#project-detail .section-big-small .image-wrapper-big{width:100%;height:auto;aspect-ratio:4/3}}#project-detail .section-big-small .image-wrapper-big .image{width:100%;height:100%;object-fit:cover}#project-detail .section-big-small .image-wrapper-small{width:30%;height:clamp(50vh,69.3vh,650px);position:relative;overflow:hidden}@media (max-width: 991.98px){#project-detail .section-big-small .image-wrapper-small{width:100%;height:auto;aspect-ratio:4/5}}#project-detail .section-big-small .image-wrapper-small .image{width:100%;height:100%;object-fit:cover}#project-detail .section-small-big{background:var(--section-bg);flex-shrink:0;width:100vw;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;width:clamp(100vw,100vw,1920px)}@media (max-width: 991.98px){#project-detail .section-small-big{width:100%;height:auto;min-height:auto;overflow:visible;padding:20px 0 30px;justify-content:flex-start;display:block}}@media (max-width: 991.98px){#project-detail .section-small-big .container{display:flex;flex-direction:column}}#project-detail .section-small-big .image-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(20px,2vw,40px);padding-left:clamp(104px,6.66vw,128px);width:100%;height:100%}@media (max-width: 991.98px){#project-detail .section-small-big .image-wrapper{height:auto;padding-left:0;padding-right:0;flex-direction:column-reverse;gap:20px}}@media (max-width: 991.98px){#project-detail .section-small-big{width:100%;min-height:auto}}#project-detail .section-small-big .image-wrapper-small{width:30%;height:clamp(50vh,69.3vh,650px);position:relative;overflow:hidden}@media (max-width: 991.98px){#project-detail .section-small-big .image-wrapper-small{width:100%;height:auto;aspect-ratio:4/5}}#project-detail .section-small-big .image-wrapper-small .image{width:100%;height:100%;object-fit:cover}#project-detail .section-small-big .image-wrapper-big{width:65%;height:clamp(50vh,69.3vh,650px);position:relative;overflow:hidden}@media (max-width: 991.98px){#project-detail .section-small-big .image-wrapper-big{width:100%;height:auto;aspect-ratio:4/3}}#project-detail .section-small-big .image-wrapper-big .image{width:100%;height:100%;object-fit:cover}#project-detail .section-left-image-right-text{background:var(--section-bg);flex-shrink:0;width:100vw;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;width:clamp(100vw,100vw,1920px)}@media (max-width: 991.98px){#project-detail .section-left-image-right-text{width:100%;height:auto;min-height:auto;overflow:visible;padding:20px 0 30px;justify-content:flex-start;display:block}}@media (max-width: 991.98px){#project-detail .section-left-image-right-text{width:100%;min-height:auto;display:flex;flex-direction:column}}#project-detail .section-left-image-right-text .container{padding:0;width:100%;height:100%;max-width:100%;position:relative}@media (max-width: 991.98px){#project-detail .section-left-image-right-text .container{padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);display:flex;flex-direction:column;justify-content:flex-start}}#project-detail .section-left-image-right-text .line-top{left:clamp(24px,4.16vw,80px);width:calc(clamp(50vw,58vw,1117px) + clamp(32px,5vw,96px))}@media (max-width: 991.98px){#project-detail .section-left-image-right-text .line-top{width:calc(100% - var(--bs-gutter-x) * 1);left:calc(var(--bs-gutter-x) * .5)}}#project-detail .section-left-image-right-text .image-wrapper{width:clamp(50vw,58vw,1117px);height:clamp(50vh,69.3vh,650px);position:absolute;left:clamp(40px,6.6vw,128px);top:50%;transform:translateY(-50%);overflow:hidden}@media (max-width: 991.98px){#project-detail .section-left-image-right-text .image-wrapper{position:relative;width:100%;height:auto;aspect-ratio:4/3;left:0;top:0;transform:none}}#project-detail .section-left-image-right-text .image-wrapper img{width:100%;height:100%;object-fit:cover}#project-detail .section-left-image-right-text .text-content{color:var(--grey-charcoal-ink, #3b3b3b);text-align:left;font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.25rem,1.161971831rem + .3755868545vw,1.5rem);line-height:clamp(24px,22.5915492958px + .3755868545vw,28px);font-weight:400;letter-spacing:0;margin-bottom:0;position:absolute;left:clamp(60vw,69vw,1325px);top:50%;transform:translateY(-50%);width:clamp(300px,26.8vw,515px)}@media (max-width: 1599.98px){#project-detail .section-left-image-right-text .text-content{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.125rem,1.0809859155rem + .1877934272vw,1.25rem);line-height:clamp(22px,20.5915492958px + .3755868545vw,26px);font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1399.98px){#project-detail .section-left-image-right-text .text-content{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:.94rem;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 991.98px){#project-detail .section-left-image-right-text .text-content{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: 1280px) and (max-height: 600px){#project-detail .section-left-image-right-text .text-content{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:calc(.94rem - 2px);line-height:1.15;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 991.98px){#project-detail .section-left-image-right-text .text-content{position:relative;width:100%;left:auto;top:auto;transform:none;padding:40px 0 0}}#project-detail .project-footer{border-style:solid;border-color:var(--grey-charcoal-ink);border-width:0px 0px 2px 0px;padding:0px 0px clamp(4px,.41vw,8px) 0px;display:flex;flex-direction:row;gap:clamp(5px,.52vw,10px);align-items:center;justify-content:flex-start;position:absolute;right:clamp(40px,6.6vw,80px);bottom:clamp(40px,4.16vw,80px)}@media (max-width: 991.98px){#project-detail .project-footer{position:relative;right:auto;bottom:auto;padding-bottom:8px;width:max-content;align-self:flex-end;margin-top:30px}}#project-detail .project-footer .text{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.25rem,1.161971831rem + .3755868545vw,1.5rem);line-height:clamp(24px,22.5915492958px + .3755868545vw,28px);font-weight:400;letter-spacing:0;margin-bottom:0;color:var(--grey-charcoal-ink);text-align:right}@media (max-width: 1599.98px){#project-detail .project-footer .text{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:clamp(1.125rem,1.0809859155rem + .1877934272vw,1.25rem);line-height:clamp(22px,20.5915492958px + .3755868545vw,26px);font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 1399.98px){#project-detail .project-footer .text{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:.94rem;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:0}}@media (max-width: 991.98px){#project-detail .project-footer .text{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: 1280px) and (max-height: 600px){#project-detail .project-footer .text{font-family:Work Sans,PingFang TC,PingFang SC,sans-serif;font-size:calc(.94rem - 2px);line-height:1.15;font-weight:400;letter-spacing:0;margin-bottom:0}}#project-detail .line-top{position:absolute;left:clamp(24px,4.16vw,80px);top:clamp(24px,4.16vw,80px);border-top:1px solid var(--silken-taupe);border-bottom:2px solid var(--silken-taupe);height:8px;width:calc(100% - (clamp(24px,4.16vw,80px)*2));z-index:5}@media (max-width: 991.98px){#project-detail .line-top{width:calc(100% - var(--bs-gutter-x) * 1);left:calc(var(--bs-gutter-x) * .5)}}#project-detail .line-bottom{position:absolute;left:clamp(24px,4.16vw,80px);bottom:clamp(24px,4.16vw,80px);top:auto;border-top:2px solid var(--silken-taupe);border-bottom:1px solid var(--silken-taupe);height:8px;width:calc(100% - (clamp(24px,4.16vw,80px)*2));z-index:5}@media (max-width: 991.98px){#project-detail .line-bottom{width:calc(100% - var(--bs-gutter-x) * 1);left:calc(var(--bs-gutter-x) * .5)}}#project-detail .line-top,#project-detail .line-bottom{display:none}
