.elementor-988099 .elementor-element.elementor-element-fd60b80{--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;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list.gallery-style-1 .grid-item .post-content-center,.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .gallery-list-content:hover .gallery-image:before,.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list.list-isotope-metro .gallery-list-content:hover .gallery-bg-image-metro:before{background-color:#00000033;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.hover-style-2 li a span:not(.all_post_count),.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.hover-style-4 li a:after{background-color:#E1E1E14D;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.hover-style-2 li a span:not(.all_post_count)::before{background-color:#000000;border-radius:4px 4px 4px 4px;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.style-1 li a.all span.all_post_count{background-color:#FFFFFF00;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0);}.elementor-988099 .elementor-element.elementor-element-b05332b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .grid-item{padding:20px 20px 20px 0px;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .gallery-list-icon{font-size:22px;max-width:calc(22px + 10px );padding-top:12px;padding-bottom:12px;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .gallery-list-icon svg{width:22px;height:22px;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .post-title,.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .post-title a{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:500;line-height:24px;color:#000000;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .entry-content{margin-top:10px;font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;line-height:18px;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .entry-content,.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .entry-content p{color:#666666;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .gallery-list-content .gallery-bg-image-metro,
					 .elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list-content .attachment-tp-image-grid.size-tp-image-grid ,
					 .elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list-content .attachment-full.size-full{border-radius:0px 0px 0px 0px;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .gallery-list-content:hover .gallery-image img,.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .gallery-list-content:hover  .gallery-bg-image-metro{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .gallery-list-content:hover, .elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .gallery-list-content:hover .gallery-bg-image-metro, .elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .gallery-list-content:hover .gallery-image:before, .elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list-content:hover .attachment-tp-image-grid.size-tp-image-grid, .elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list-content:hover .attachment-full.size-full,.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list.list-isotope-metro .gallery-list-content:hover .gallery-bg-image-metro:before {border-radius:0px 0px 0px 0px;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.hover-style-1 li a span:not(.all_post_count),.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.hover-style-2 li a span:not(.all_post_count),.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.hover-style-2 li a span:not(.all_post_count)::before,.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.hover-style-3 li a,.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.hover-style-4 li a{padding:20px 35px 20px 35px;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters li{margin:0px 0px 40px 15px;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters li a,.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.style-1 li a.all span.all_post_count{font-family:"League Spartan", Sans-serif;font-size:18px;font-weight:500;line-height:14px;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters li a{color:#000000;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.hover-style-2 li a span:not(.all_post_count){border-radius:4px 4px 4px 4px;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters:not(.hover-style-2) li a:hover,.elementor-988099 .elementor-element.elementor-element-b05332b  .pt-plus-filter-post-category .category-filters:not(.hover-style-2) li a:focus,.elementor-988099 .elementor-element.elementor-element-b05332b  .pt-plus-filter-post-category .category-filters:not(.hover-style-2) li a.active,.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters.hover-style-2 li a span:not(.all_post_count)::before{color:#FFFFFF;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters li a span.all_post_count{color:#FFFFFF00;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .grid-item .gallery-list-content{border-style:solid;border-width:1px 1px 1px 1px;border-color:#25252500;border-radius:13px 13px 13px 13px;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .grid-item .gallery-list-content:hover{border-color:#25252500;border-radius:13px 13px 13px 13px;}.elementor-988099 .elementor-element.elementor-element-712af414{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-988099 .elementor-element.elementor-element-b05332b > .elementor-widget-container{margin:100px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .grid-item{padding:0px 0px 0px 0px;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .post-title,.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .post-title a{font-size:16px;}.elementor-988099 .elementor-element.elementor-element-b05332b .gallery-list .post-inner-loop .entry-content{font-size:12px;line-height:24px;}.elementor-988099 .elementor-element.elementor-element-b05332b .pt-plus-filter-post-category .category-filters li{margin:0px 10px 10px 10px;}.elementor-988099 .elementor-element.elementor-element-712af414{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for tp-gallery-listout, class: .elementor-element-b05332b *//* ═══════════════════════════════════════════════════════
   PROJECTS PAGE — COMPLETE STYLESHEET (v2 — clean rebuild)
   ═══════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────
   1. STICKY FILTER BAR — DESKTOP
   ───────────────────────────────────────── */
.post-filter-data,
.post-filter-data.style-1,
div.post-filter-data {
  position: sticky !important;
  top: 70px !important;
  z-index: 999 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  padding: 20px 0 !important;
  margin: 0 !important;
}

/* ─────────────────────────────────────────
   2. FILTER PILLS — SHAPE + COLOR
   ───────────────────────────────────────── */
ul.category-filters,
ul.category-filters.style-1,
ul.category-filters.hover-style-2,
.pt-plus-filter-post-category .category-filters {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto 40px auto !important;
  background: transparent !important;
  border-bottom: none !important;
  gap: 14px !important;
  text-align: center !important;
  width: 100% !important;
}

ul.category-filters li,
.pt-plus-filter-post-category .category-filters li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  list-style: none !important;
}

ul.category-filters li a,
ul.category-filters li a.filter-category-list,
.pt-plus-filter-post-category .category-filters li a {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: #ffffff !important;
  cursor: pointer !important;
  position: relative !important;
  padding: 14px 32px !important;
  margin: 0 !important;
  background: #9a9ac9 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: background-color 0.3s ease !important;
  white-space: nowrap !important;
}

ul.category-filters li a span,
ul.category-filters li a span[data-hover] {
  all: unset !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  color: inherit !important;
  display: inline !important;
  background: transparent !important;
}

ul.category-filters li a .all_post_count,
ul.category-filters li a span.all_post_count {
  display: none !important;
}

ul.category-filters li a:hover,
ul.category-filters li a.active,
ul.category-filters li a.filter-category-list.active {
  color: #ffffff !important;
  background: #0d1128 !important;
  border: none !important;
  box-shadow: none !important;
}

ul.category-filters li a.active::after {
  content: none !important;
  display: none !important;
}

ul.category-filters li a::before,
ul.category-filters li a span::before,
ul.category-filters li a span::after {
  display: none !important;
  background: none !important;
  border: none !important;
}

/* ─────────────────────────────────────────
   3. IMAGE CARDS — RECTANGLE GRID
   ───────────────────────────────────────── */
div.gallery-image {
  height: 0 !important;
  padding-bottom: 66% !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

div.gallery-image img,
div.gallery-image span.thumb-wrap,
div.gallery-image span.thumb-wrap img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.6s cubic-bezier(.16,1,.3,1) !important;
}

div.gallery-image:hover img,
div.gallery-image:hover span.thumb-wrap img {
  transform: scale(1.06) !important;
}

/* ─────────────────────────────────────────
   4. CARD TEXT
   ───────────────────────────────────────── */
div.post-content-center,
div.post-hover-content {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}

h3.post-title,
h3.post-title a {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #000000 !important;
  text-align: left !important;
  margin: 14px 0 4px 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

/* ─────────────────────────────────────────
   5. GRID ROW SPACING (Isotope uses absolute
      positioning, so padding-bottom on the
      wrapper is the only reliable spacer)
   ───────────────────────────────────────── */
.gallery-list-content {
  padding-bottom: 40px !important;
}

/* ─────────────────────────────────────────
   6. META PILLS — location // sqft // typology
   ───────────────────────────────────────── */
div.entry-content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 8px !important;
  text-align: left !important;
}

div.entry-content p {
  display: contents !important;
}

.pmc-meta-pill {
  display: inline-flex !important;
  align-items: center !important;
  background: #F1F0F5 !important;
  color: #6E6E7C !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
}

/* ─────────────────────────────────────────
   7. SITE HEADER — SOLID BACKGROUND ON SCROLL
      (fixes images showing through header)
   ───────────────────────────────────────── */
header,
.site-header,
.elementor-location-header,
#masthead,
.wo-dnav,
#wo-dnav {
  background: #ffffff !important;
}

.wo-dnav-bar {
  background: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════
   TABLET (≤ 1024px)
   ═══════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  div.gallery-image {
    padding-bottom: 66% !important;
  }
}

/* ═══════════════════════════════════════════════════════
   MOBILE (≤ 767px) — EVERYTHING BELOW THIS LINE
   WINS ON MOBILE. DO NOT ADD ANYTHING AFTER
   THIS BLOCK THAT TARGETS THE SAME SELECTORS.
   ═══════════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* Filter bar — flush under header, no gap */
  .post-filter-data,
  .post-filter-data.style-1,
  div.post-filter-data,
  .pt-plus-filter-post-category .post-filter-data {
    position: sticky !important;
    top: 10 !important;
    margin: 0 !important;
    padding-top:20px !important;
    padding-bottom:30px !important;

    background: #ffffff !important;
  }

  ul.category-filters,
  ul.category-filters.style-1 {
    gap: 10px !important;
    margin: 12px auto 20px auto !important;
    padding: 0 !important;
  }

  ul.category-filters li a {
    font-size: 13px !important;
    padding: 11px 22px !important;
  }

  /* Cards */
  div.gallery-image {
    padding-bottom: 66% !important;
  }

  .gallery-list-content {
    padding-bottom: 28px !important;
  }

  /* Meta pills */
  .pmc-meta-pill {
    font-size: 10.5px !important;
    padding: 4px 10px !important;
  }

  /* Mobile header — solid, flush, no overlap */
  header,
  .site-header,
  .elementor-location-header,
  #masthead,
  .wo-dnav,
  #wo-dnav {
    background: #ffffff !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    top: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════
   SMALL MOBILE (≤ 480px)
   ═══════════════════════════════════════════════════════ */
@media (max-width: 480px) {
  ul.category-filters {
    gap: 8px !important;
  }
  ul.category-filters li a {
    font-size: 12px !important;
    padding: 10px 18px !important;
  }
  .pmc-meta-pill {
    font-size: 10.5px !important;
    padding: 4px 10px !important;
  }
}/* End custom CSS */