.pm-projects-filter{ display: flex; align-items: center; gap:var(--margin-normal);}
.pm-projects-filter .form-floating{flex-grow:1;}

.pm-projects-listing{display: flex; align-items: stretch; flex-wrap:wrap; gap:var(--margin-normal);}
.pm-projects-listing .pm-image{overflow: hidden; border-radius:var(--radius-normal) var(--radius-normal) 0 0; transform: scaleZ(1);}
.pm-projects-listing .pm-image img{width:100%; max-width: 100%; transition:transform 1.8s ease;}
.pm-projects-listing .pm-item{overflow: hidden;}
.pm-projects-listing .pm-item:hover .pm-image img{transform:scale(1.5);}
.pm-projects-listing .pm-item a:not(.area-link){z-index:10;}

/* masonry */
.pm-projects-listing.pm-masonry .pm-item{--item-height:25rem; min-height:var(--item-height); display: flex; align-items: flex-end; width:calc((100% - var(--margin-normal)*2)/3);}
.pm-projects-listing.pm-masonry .pm-image{position: absolute; top:0; right:0; bottom:0; left:0;}
.pm-projects-listing.pm-masonry .pm-image img{object-fit: cover; width:100%; height:100%; max-width: none;}
.pm-projects-listing.pm-masonry .pm-content{width:100%;}
.pm-projects-listing.pm-masonry .collapse{margin-top:var(--margin-small);}

/* mosaic */
.pm-projects-listing.pm-mosaic{align-items: flex-start; margin-left:-0.75rem; margin-right:-0.75rem; gap:0;}
.pm-projects-listing.pm-mosaic .pm-item{margin:0 0.75rem 1.5rem 0.75rem; width:calc(50% - 1.5rem); }
.pm-projects-listing.pm-mosaic .pm-content{ position: absolute; left:0; width:100%; bottom:0; transition:bottom 0.4s ease;}
.pm-projects-listing.pm-mosaic .pm-overlay{ position: absolute; left:0; width:100%; top:100%; height:100%; transition:top 0.4s ease;}

.pm-projects-listing.pm-mosaic .pm-item:hover .pm-content{bottom:-100%;}
.pm-projects-listing.pm-mosaic .pm-item:hover .pm-overlay{top:0;}

/* details */
.pm-properties-table{width:100%;}
.pm-properties-table td{padding:1rem;}
.pm-properties-table tr td:first-child{padding-left:0; font-weight: 700; }

.pm-project-slider .pm-slider-item{ display: flex; flex-direction: column; height:auto; align-items: stretch;}
.pm-project-slider .pm-slider-item .pm-project-image{aspect-ratio:1.777/1;}
.pm-project-slider .pm-slider-item img{ object-fit: cover; width:100%; height:100%;}
.pm-project-slider .pm-image-caption{padding:1rem; flex-grow:1;}
.pm-project-slider .slick-arrow{top:0; line-height:1; display: flex; align-items: center; justify-content: center;}
.pm-project-slider .slick-next{right:0;}
.pm-project-slider .slick-prev{left:0;}
.modal .pm-project-slider .slick-arrow{margin-top:16rem;}

@media (max-width: 1199.98px){
	
	.pm-projects-listing.pm-masonry .pm-item{width:calc((100% - var(--margin-normal))/2);}
}

@media (max-width: 991.98px){
	.pm-projects-listing{gap:0.75rem;}

	.pm-projects-listing.pm-masonry .collapse{ display: block;}
	.pm-projects-listing.pm-masonry .pm-item{min-height: inherit; width:calc((100% - 0.75rem)/2); display: block;}
	.pm-projects-listing.pm-masonry .pm-image{position: relative; width:100%; aspect-ratio:1.618/1;}
	
	.pm-project-slider .slick-dots{bottom:0.5rem;}
	.pm-project-slider{padding-bottom:2rem;}
	
	.pm-projects-listing.pm-mosaic{margin-left:-0.37rem; margin-right:-0.37rem;}
	.pm-projects-listing.pm-mosaic .pm-item{width:calc(50% - 0.75rem); margin:0 0.37rem 0.75rem 0.37rem;}
	.pm-projects-listing.pm-mosaic .pm-content{ display: none;}
	.pm-projects-listing.pm-mosaic .pm-overlay{ position: relative; width:auto; top:0; height:auto; transition:none;}

}

@media (max-width: 767.98px) {
	
	.pm-projects-filter .form-label{display: none;}
}

@media (max-width: 575.98px){
	.pm-projects-listing.pm-masonry .pm-item, .pm-projects-listing.pm-mosaic .pm-item{width:100%;}
}