.elementor-1526 .elementor-element.elementor-element-874ba60{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--padding-top:183px;--padding-bottom:84px;--padding-left:40px;--padding-right:40px;}.elementor-1526 .elementor-element.elementor-element-874ba60:not(.elementor-motion-effects-element-type-background), .elementor-1526 .elementor-element.elementor-element-874ba60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1526 .elementor-element.elementor-element-874ba60, .elementor-1526 .elementor-element.elementor-element-874ba60::before{--border-transition:0.3s;}.elementor-1526 .elementor-element.elementor-element-4394597 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1526 .elementor-element.elementor-element-4394597{text-align:center;}.elementor-1526 .elementor-element.elementor-element-4394597 .elementor-heading-title{color:#DAD3C5;font-family:"Work Sans", Sans-serif;font-size:80px;font-weight:300;line-height:96px;letter-spacing:-5px;}.elementor-1526 .elementor-element.elementor-element-03f929f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-8c52a29{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-f02484b .elementor-heading-title{color:#F3F0ECB2;font-family:"Barlow", Sans-serif;font-size:14px;font-weight:300;}.elementor-1526 .elementor-element.elementor-element-35f46eb{--display:flex;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-c5fb707 .dce-menu ul, .elementor-1526 .elementor-element.elementor-element-c5fb707 .dce-parent-title{align-items:flex-start;justify-content:flex-start;}.elementor-1526 .elementor-element.elementor-element-c5fb707 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1526 .elementor-element.elementor-element-c5fb707 .dce-menu ul.first-level > li{margin-bottom:0px;}.elementor-1526 .elementor-element.elementor-element-c5fb707 .dce-menu li{padding-left:0px;padding-right:0px;font-family:"Barlow", Sans-serif;font-size:14px;font-weight:300;}.elementor-1526 .elementor-element.elementor-element-c5fb707 .dce-menu li .dce-term-separator{margin-left:-0px;padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-c5fb707 .dce-menu li img{display:block;}.elementor-1526 .elementor-element.elementor-element-c5fb707 .dce-menu a, .elementor-1526 .elementor-element.elementor-element-c5fb707 .dce-menu li{color:#FFFFFF;}.elementor-1526 .elementor-element.elementor-element-c5fb707 .dce-menu hr{border-width:0px;}.elementor-1526 .elementor-element.elementor-element-9303f64{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-cc3b0e0{--display:flex;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:115px;}.elementor-1526 .elementor-element.elementor-element-cc3b0e0.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1526 .elementor-element.elementor-element-411307e .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 3);flex:0 1 calc( 100% / 3 );flex-grow:1;padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );}.elementor-1526 .elementor-element.elementor-element-411307e .elementor-repeater-item-9b4e317 > *{display:inline-block;}.elementor-1526 .elementor-element.elementor-element-411307e .elementor-repeater-item-911b393.dce-item_image{justify-content:top;}.elementor-1526 .elementor-element.elementor-element-411307e{width:var( --container-widget-width, 950px );max-width:950px;--container-widget-width:950px;--container-widget-flex-grow:0;}.elementor-1526 .elementor-element.elementor-element-411307e > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-1526 .elementor-element.elementor-element-411307e .dce-posts-fallback{text-align:left;}.elementor-1526 .elementor-element.elementor-element-411307e .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );}.elementor-1526 .elementor-element.elementor-element-411307e .dce-post-item{padding-bottom:110px;}.elementor-1526 .elementor-element.elementor-element-411307e .dce-filters .filters-item.filter-active a{color:#990000;}.elementor-1526 .elementor-element.elementor-element-411307e .dce-filters .filters-separator{padding-left:5px;padding-right:5px;top:0px;position:relative;}.elementor-1526 .elementor-element.elementor-element-411307e .dce-filters{margin:0px 0px 20px 0px;}@media(max-width:1024px){.elementor-1526 .elementor-element.elementor-element-9303f64{--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-411307e .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 3);flex:0 1 calc( 100% / 3 );}}@media(max-width:767px){.elementor-1526 .elementor-element.elementor-element-874ba60{--width:100%;--min-height:100vh;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--padding-top:183px;--padding-bottom:84px;--padding-left:20px;--padding-right:20px;}.elementor-1526 .elementor-element.elementor-element-4394597{text-align:left;}.elementor-1526 .elementor-element.elementor-element-4394597 .elementor-heading-title{font-size:60px;line-height:60px;letter-spacing:-5%;}.elementor-1526 .elementor-element.elementor-element-03f929f{--width:100%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:10px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-8c52a29{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-f02484b{text-align:left;}.elementor-1526 .elementor-element.elementor-element-35f46eb{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-c5fb707 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1526 .elementor-element.elementor-element-c5fb707 .dce-menu li img{width:75px;}.elementor-1526 .elementor-element.elementor-element-9303f64{--width:100%;--gap:0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-cc3b0e0{--width:100%;--gap:0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-411307e .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 1);flex:0 1 calc( 100% / 1 );}.elementor-1526 .elementor-element.elementor-element-411307e .dce-post-item{padding-bottom:80px;}.elementor-1526 .elementor-element.elementor-element-c4747d9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1526 .elementor-element.elementor-element-8c52a29{--width:100%;}.elementor-1526 .elementor-element.elementor-element-cc3b0e0{--width:230px;}}/* Start custom CSS */.selectable-works li {
  width: 25%;
}

@media only screen and (max-width: 1024px){

  /* paksa jadi satu kolom */
  .selectable-works .dce-menu ul.first-level{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    gap:15px !important;
  }

  /* setiap item full width */
  .selectable-works .dce-menu ul.first-level > li{
    width:100% !important;
    max-width:100% !important;
    min-width:100% !important;
    flex:none !important;

    height:120px !important;
    margin:0 !important;
    position:relative !important;
    overflow:hidden !important;
  }

  .selectable-works .dce-menu ul.first-level > li img{
    width:100% !important;
    height:120px !important;
    object-fit:cover !important;
    display:block !important;
  }

  .selectable-works .dce-menu ul.first-level > li span{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;

    width:100% !important;
    text-align:center !important;
    color:#fff !important;
    z-index:2 !important;
  }

.dce-menu ul.first-level li::after{
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,.35);
      z-index: 1;
  }

  .dce-menu ul.first-level li span{
      z-index: 2 !important;
  }
  
  .selectable-projects,
  .selectable-projects .elementor-widget-container,
  .selectable-projects .dce-posts-container{
    background:#000 !important;
  }

  .selectable-projects{
    width:100% !important;
    max-width:100% !important;
    margin-top:40px !important;
    overflow:visible !important;
  }

  .selectable-projects.visible{
    opacity:1 !important;
    max-height:none !important;
    visibility:visible !important;
  }
}


.category-desc p{
    color: #CDC4B2 !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    font-family: "Barlow";
}

.category-desc p b{

    font-weight: 500;
}

.dce-filters{
    display: none !important;
}


.selectable-projects {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}

.selectable-projects.visible {
  max-height: 10000px;
  opacity: 1;
}

.category-desc > div {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: all 0.3s ease;
}

.category-desc > div.visible {
  opacity: 1;
  max-height: 1000px; /* nilai besar cukup untuk mengakomodasi konten */
  visibility: visible;
}


.project-title p{
    margin: 0px;
}

/* Default: highlight mati */
.highlight .masking,
.highlight::before,
.highlight::after {
  opacity: 0;
  visibility: hidden;
}

/* Saat hover: highlight nyala */
.highlight:hover .masking,
.highlight:hover::before,
.highlight:hover::after {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */