.elementor-441 .elementor-element.elementor-element-89294cb{--display:flex;--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;--padding-top:23px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-441 .elementor-element.elementor-element-0d3eef7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:25px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-441 .elementor-element.elementor-element-d2a8908{--grid-columns:4;width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-441 .elementor-element.elementor-element-0d3eef7{--width:100%;}}@media(max-width:1024px){.elementor-441 .elementor-element.elementor-element-d2a8908{--grid-columns:2;}}@media(max-width:767px){.elementor-441 .elementor-element.elementor-element-d2a8908{--grid-columns:2;}}/* Start custom CSS for shortcode, class: .elementor-element-44afeac *//* ===== Projects Filter Bar (Figma-like) ===== */
.pf-bar{
  --brand:#23362B;
  --line:rgba(17,24,39,.10);
  --chip:#f5f7f7;
  --text:#111827;
  --muted:#6b7280;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.04);
  margin: 0 0 20px;
}

/* left/right groups */
.pf-left, .pf-right{
  display:flex;
  align-items:center;
  gap:10px;
}

/* icon button */
.pf-iconbtn{
  width:42px;height:42px;

  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:.2s;
}



/* selects */
.pf-field select{
  height:42px;
  padding:0 38px 0 14px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--chip);
  color:var(--text);
  font-weight:600;
  outline:none;
  cursor:pointer;

  /* hide native arrow (we rely on background) */
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;

  background-image:
    linear-gradient(45deg, transparent 50%, var(--muted) 50%),
    linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 18px,
    calc(100% - 12px) 18px;
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.pf-field select:hover{
  background-color:#fff;
  border-color:rgba(0,0,0,.25);
}
.pf-field select:focus{
  border-color:rgba(0,0,0,.35);
  box-shadow:0 0 0 4px rgba(35,54,43,.08);
}

/* search */
.pf-search{
  position:relative;
  display:flex;
  align-items:center;
}
.pf-search input{
  height:42px;
  width:min(320px, 42vw);
  padding:0 14px 0 42px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  outline:none;
}
.pf-search-ico{
  position:absolute;
  left:14px;
  color:var(--muted);
  display:flex;
  align-items:center;
}
.pf-search-ico svg{ width:18px;height:18px; }

/* reset */
.pf-reset{
  color:var(--brand);
  font-weight:700;
  text-decoration:none;
  padding:10px 10px;
  border-radius:10px;
  transition:.2s;
}
.pf-reset:hover{
  background:#000;
  color:#fff;
}

/* Mobile */
@media (max-width: 768px){
  .pf-bar{ flex-direction:column; align-items:stretch; }
  .pf-left, .pf-right{ width:100%; justify-content:space-between; }
  .pf-search input{ width:100%; }
}/* End custom CSS */