.projectFilter{background-color:rgb(var(--ocean));.maxContentWidth{padding-top:0;hr{margin:0;border-color:white}.filters{text-align:center;margin:50px 0;.dropdown{display:block}.subOptions{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;button{color:rgb(var(--deepOcean));padding:15px 25px}button.active{pointer-events:none}}}.items{display:grid;grid-template-columns:320px 320px 320px;grid-template-rows:460px;grid-gap:70px;transition:all 1s ease;.item.soon{position:relative;.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;width:280px;h4{margin:0}hr{margin:5px 0}p{margin:0;font-size:17px;text-transform:uppercase}}}.item{color:rgb(var(--deepForest));border-radius:25px;display:flex;flex-direction:column;.media{position:relative;h4{position:absolute;padding:20px;top:50%;transform:translateY(-50%);color:white;margin:0;text-align:center;text-transform:uppercase;left:0;right:0}img{vertical-align:middle;border-radius:21px 21px 0 0;width:100%}}.content{flex:1 1;font-weight:700;align-content:center;text-align:center;font-size:10px;p{max-width:280px;margin:0 auto}}.readMore{text-transform:uppercase;color:rgb(var(--deepForest));background-color:rgb(var(--land));font-weight:700;text-align:center;padding:8px;border-radius:0 0 21px 21px;display:block}}.item.green{background-color:rgb(var(--green))}.item.blue{background-color:rgb(var(--blue))}.item.yellow{background-color:rgb(var(--yellow))}.item.pink{background-color:rgb(var(--pink))}}}}@media screen and (max-width:440px){.projectFilter{.maxContentWidth{padding-bottom:35px;.items{grid-template-columns:320px;grid-template-rows:478px 478px 478px;grid-gap:35px;justify-content:center}.filters{margin:35px 0;.dropdown{margin:0 auto}.subOptions{justify-content:center}}}}}.dropdown{color:rgb(var(--deepOcean));position:relative;display:inline-block;text-transform:uppercase;.hidden{display:none}label{width:100%;font-weight:700;color:rgb(var(--deepOcean));background-color:rgb(var(--land));border-radius:25px;display:inline-block;padding:15px;font-size:16px;border:0;cursor:pointer;text-align:center}.options{text-align:center;list-style:none;position:absolute;top:32px;left:0;right:0;z-index:50;padding:0;overflow:hidden;border-radius:0 0 25px 25px;display:none;li{background-color:rgb(var(--land));transition:background-color .5s;cursor:pointer;font-weight:700;font-size:16px;padding:15px}li:hover{background-color:rgb(var(--green))}}}.dropdown.open{label{border-radius:25px 25px 0 0}.options{display:block}}.projectSelector{background-color:rgb(var(--forest));color:white;header{text-align:center;h2{font-size:43px;span{font-size:17px}}}.map{text-align:center;margin:50px 0;img{width:100%;height:auto}.needle{display:none}}.items{margin:0 auto;.project{width:342px;display:grid;grid-template-columns:171px 171px;margin:0 auto 20px;.content{padding:7px 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;text-align:center;.button{padding:6px;font-size:10px}table{width:100%;margin-bottom:5px;td{border-top:1px solid rgb(var(--forest));padding:5px 0}td.unit{font-family:var(--ibm-mono)}tr:first-child td{border-top-width:0}}}.media img{width:100%;height:auto;vertical-align:middle}}.misool .button{color:rgba(var(--deepOcean))}.project:nth-child(odd){.content{order:1}.media{order:2}}}.contribution{text-align:center;margin-top:60px;img{margin:0 20px;vertical-align:middle}h2{max-width:939px;margin-left:auto;margin-right:auto}P{max-width:780px;text-align:justify;margin:5px auto 50px}}.ctaInline{display:none;max-width:720px;position:relative;padding:16px 23px;box-sizing:border-box;margin:62px auto 0;border-radius:20px;height:auto;background-image:url(/projectSelector/cta.avif);background-repeat:no-repeat;background-size:cover;background-position:50%;img{position:absolute;left:0;top:0;width:100%}div{position:relative;z-index:1;text-align:center;margin:0;p{font-size:10px;line-height:13px;margin-bottom:10px}.button{color:rgba(var(--deepOcean))}}}}@media screen and (min-width:834px){.projectSelector{header{h2{font-size:70px}}.desktopContainer{position:relative}.ctaInline{padding:40px 65px;height:230px;div{p{font-size:17px;line-height:20px;margin-bottom:20px}}}.items{.project{display:block;opacity:0;pointer-events:none;position:absolute;width:150px;transition:opacity .5s;.media{display:none}.content{font-size:10px}}.project.active{pointer-events:all;opacity:1}.project.misool{right:calc(24.8% - 160px);transform:translateY(-36%);background-color:rgb(var(--blue)/80%);top:50%}.project.pml{left:calc(34% + 10px);transform:translateY(-35%);background-color:rgb(var(--deepOcean)/80%);top:50%}.project.smpp{left:calc(17% - 160px);transform:translateY(-37%);background-color:rgb(var(--green)/80%);top:50%}.project.kepayang{left:calc(19% + 10px);transform:translateY(-30%);background-color:rgb(var(--land)/80%);top:50%}}.map{position:relative;height:400px;.needle{cursor:pointer;display:block;position:absolute;text-align:left;display:flex;flex-direction:column;.butt{left:-7px;width:16px;height:16px;border-radius:50%;transition:width .5s,height .5s,top .5s,bottom .5s,left .5s}.butt,.shaft{position:absolute}.shaft{top:0;left:0;bottom:0;border:1px solid white;border-width:0 1px}.name{font-family:var(--quietism-text);width:120px;font-weight:700}.area,.name{position:absolute;left:10px;font-size:11px;margin:0}.area{width:100px;font-family:var(--ibm-mono)}}.needle:hover{.butt{width:30px;height:30px;left:-15px}}.needle.top:hover{.butt{top:-15px}}.needle.top{top:50%;.butt{top:-8px}.name{top:10px}.area{top:55px}}.needle.bottom{bottom:50%;.butt{bottom:-8px}.name{bottom:40px}.area{bottom:10px}}.needle.misool{right:24.8%;transform:translateY(-112%);height:125px;.butt{background-color:rgba(var(--blue))}}.needle.pml{left:34.5%;transform:translateY(-142%);height:130px;.butt{background-color:rgba(var(--pink))}}.needle.smpp{left:20%;height:160px;transform:translateY(94%);.butt{background-color:rgba(var(--green))}.name{left:-130px}.area,.name{text-align:right}.area{left:-110px}}.needle.kepayang{left:21.5%;height:190px;transform:translateY(100%);.butt{background-color:rgba(var(--land))}}.needle.espn{right:14.5%;height:190px;transform:translateY(113%);.butt{background-color:rgba(var(--purple))}.name{left:-130px}.area,.name{text-align:right}.area{left:-110px}}}}}.projects{.projectSelector{background-color:rgb(var(--ocean));.maxContentWidth{padding-bottom:50px;.ctaInline{display:block}.map{margin-bottom:0;.needle{pointer-events:none!important}}.items{display:none}}}}@media screen and (max-width:440px){.projects{.projectSelector{.maxContentWidth{.media{height:116px}}}}}