.projects-page .listing-intro h1 em{font-style:normal;color:var(--filter-red)}
.project-card{display:flex;flex-direction:column;min-width:0;background:var(--filter-surface);border-color:var(--filter-border);transition:border-color .25s,box-shadow .25s}
.project-card:hover{border-color:#d9a2a2;box-shadow:0 8px 25px #00000009}
.project-card .listing-photo{position:relative;display:block;overflow:hidden;aspect-ratio:1.5}
.project-card .listing-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.3,1)}
.project-card:hover .listing-photo img{transform:scale(1.065)}
.project-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;background:var(--filter-subtle);color:var(--filter-muted);font-size:12px}
.project-image-placeholder svg{width:42px;height:42px}
.project-status{position:absolute;top:12px;left:12px;background:#41434a;color:#fff;padding:7px 10px;border-radius:3px;font-size:11px;font-weight:600}
.project-status.complete{background:#26724a}.project-status.building{background:#d70000}.project-status.upcoming{background:#41434a}
.project-sample{position:absolute;right:12px;bottom:12px;background:#ffffffed;color:#555;padding:5px 8px;border-radius:3px;font-size:10px}
.project-card .listing-card-content{display:flex;flex:1;flex-direction:column;padding:21px;min-width:0}
.project-category{display:flex;align-items:center;gap:7px;color:var(--filter-muted);font-size:11px;margin-bottom:11px}
.project-category svg{width:15px;height:15px;color:var(--filter-red)}
.project-card h2{font-size:20px;line-height:1.4;margin:0 0 11px;overflow-wrap:anywhere}
.project-card h2 a{text-decoration:none;color:var(--filter-ink)}.project-card h2 a:hover{color:var(--filter-red)}
.project-developer{font-size:12px;color:var(--filter-muted);margin:1px 0 17px;line-height:1.6;overflow-wrap:anywhere}
.project-card .listing-city{font-size:13px;margin:0 0 10px;color:var(--filter-muted)}
.project-card-price{margin-top:auto;padding:9px 0 17px;color:var(--filter-red);display:grid;gap:6px}
.project-card-price small{font-size:10px;font-weight:400;color:var(--filter-muted)}.project-card-price strong{font-size:19px;font-weight:650;overflow-wrap:anywhere}
.project-progress{padding-top:16px;border-top:1px solid var(--filter-border)}
.project-progress>div{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--filter-muted);font-size:11px;margin-bottom:10px}
.project-progress strong{color:var(--filter-red)}
.project-progress progress{display:block;width:100%;height:5px;border:0;border-radius:2px;overflow:hidden;background:var(--filter-subtle);accent-color:#d70000}
.project-progress progress::-webkit-progress-bar{background:var(--filter-subtle)}.project-progress progress::-webkit-progress-value{background:#d70000}.project-progress progress::-moz-progress-bar{background:#d70000}
.project-enquire{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;margin-top:20px;border:1px solid var(--filter-border);border-radius:3px;color:var(--filter-red);text-decoration:none;font-size:12px;font-weight:600;transition:background .2s,color .2s,border-color .2s}
.project-enquire:hover{background:#d70000;color:#fff;border-color:#d70000}
.project-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid var(--filter-border);padding-top:23px;margin-top:28px}
.project-pagination p{font-size:12px;color:var(--filter-muted);margin:0}.project-pagination nav{display:flex;align-items:center;gap:6px}
.project-pagination a{display:grid;place-items:center;min-width:35px;height:35px;padding:5px;border:1px solid var(--filter-border);border-radius:3px;background:var(--filter-surface);color:var(--filter-muted);text-decoration:none;font-size:12px}
.project-pagination a:hover,.project-pagination a[aria-current=page]{background:#d70000;color:#fff;border-color:#d70000}.project-pagination nav>span{color:var(--filter-muted);font-size:12px}
.projects-page :focus-visible{outline:2px solid var(--filter-red);outline-offset:3px}
html[data-site-theme=dark] .project-card:hover{border-color:#675050;box-shadow:0 8px 25px #0002}
@media(max-width:767.98px){.projects-page .listing-sort{width:min(260px,100%)}.projects-page .listing-results-toolbar>div:first-child{display:none}.project-card .listing-card-content{padding:18px}.project-card h2{font-size:19px}.project-pagination{justify-content:center;text-align:center}.project-pagination nav{justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){.project-card,.project-card img,.project-enquire{transition:none}.project-card:hover .listing-photo img{transform:none}}