.project-listing-wrapper{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:1.5rem 0 3rem;min-height:60vh}.project-grid-container{max-width:1400px;margin:0 auto;padding:0 1rem}.listing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.listing-header-left{display:flex;align-items:center;gap:1rem}.results-count{font-size:.9375rem;font-weight:600;color:#1e293b;letter-spacing:-.01em}.clear-filters-btn{font-size:.8125rem;color:#64748b;background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.clear-filters-btn:hover{color:#ee546f}.view-toggle{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:3px;padding:2px;box-shadow:0 1px 2px #0000000a}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;background:transparent;border-radius:2px;cursor:pointer;color:#94a3b8;transition:all .2s ease}.view-toggle-btn:hover{color:#475569;background:#f8fafc}.view-toggle-btn.active{background:#1e293b;color:#fff;box-shadow:0 1px 3px #0000001f}.filter-bar{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:3px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.region-pills{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.region-pill{padding:.5rem .875rem;font-size:.8125rem;font-weight:500;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.region-pill:hover{border-color:#4ea6ea;color:#4ea6ea;background:#f0f9ff}.region-pill.active{background:#4ea6ea;border-color:#4ea6ea;color:#fff}.dropdown-filters{display:flex;flex-wrap:wrap;gap:.75rem}.filter-select-wrapper{position:relative;min-width:140px}.filter-select{width:100%;padding:.625rem 2rem .625rem .875rem;font-size:.875rem;font-weight:500;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.filter-select:hover,.filter-select:focus{border-color:#4ea6ea;outline:none;background:#fff}.filter-select.has-value{border-color:#4ea6ea;background:#f0f9ff;color:#0369a1}.filter-select-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#94a3b8}.project-list{display:flex;flex-direction:column;gap:.5rem}.project-list-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:3px;text-decoration:none;transition:all .2s ease;cursor:pointer}.project-list-item:hover{border-color:#4ea6ea;box-shadow:0 4px 12px #4ea6ea1f;transform:translate(4px)}.list-item-image-wrapper{flex-shrink:0;width:100px;aspect-ratio:4/3;border-radius:2px;overflow:hidden;background:#f1f5f9}.list-item-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.project-list-item:hover .list-item-image{transform:scale(1.05)}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .375rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-meta{display:flex;align-items:center;gap:.625rem;font-size:.8125rem}.list-item-location{display:inline-flex;align-items:center;gap:.25rem;color:#1e293b;font-weight:500}.list-item-location svg{width:14px;height:14px;color:#475569}.list-item-divider{color:#cbd5e1}.list-item-price{font-weight:600;color:#0f766e}.list-item-details{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.list-item-tag{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;color:#475569;background:#f1f5f9;border-radius:2px;white-space:nowrap}.list-item-tag.list-item-developer{color:#7c3aed;background:#f5f3ff}.list-item-arrow{flex-shrink:0;color:#cbd5e1;transition:all .2s ease}.project-list-item:hover .list-item-arrow{color:#4ea6ea;transform:translate(4px)}.project-grid{display:grid!important;gap:1rem;grid-template-columns:repeat(2,1fr)!important;margin-bottom:0;width:100%}.project-grid>*{min-width:0;max-width:100%}@media(max-width:479px){.project-grid{grid-template-columns:repeat(1,1fr)!important}}@media(min-width:480px){.project-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem}}@media(min-width:640px){.project-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.25rem}}@media(min-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem}}@media(min-width:1280px){.project-grid{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem}}@media(min-width:1536px){.project-grid{grid-template-columns:repeat(4,1fr)!important;gap:1.5rem}}@media(min-width:1792px){.project-grid{grid-template-columns:repeat(4,1fr)!important;gap:1.75rem}}.teaser-image{width:100%;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:opacity .5s ease-in-out;display:block;border:none;outline:none;margin:0;padding:0;vertical-align:top;flex-shrink:0;background-color:#f3f4f6}@media(min-width:1280px){.teaser-image{aspect-ratio:4/3}}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:3px;overflow:hidden;transition:all .2s ease;margin-bottom:0;display:flex;flex-direction:column;height:100%;text-decoration:none;max-width:100%;min-width:0;width:100%;contain:layout}.project-card:hover{transform:translateY(-4px);border-color:#4ea6ea;box-shadow:0 8px 24px #4ea6ea26}.project-card img{vertical-align:top;border:0;margin:0;padding:0}.project-card *{box-sizing:border-box}.project-card .teaser-image+div{margin-top:0!important;padding-top:0}.project-card>*{margin:0}.card-content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem;letter-spacing:-.01em;line-height:1.4}.card-location{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:#1e293b;font-weight:500;margin:0 0 1rem}.card-location svg{width:14px;height:14px;color:#475569;flex-shrink:0}.card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;flex-grow:1}.card-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.card-detail-label{color:#64748b}.card-detail-value{color:#475569;font-weight:500}.card-detail-value.card-price{color:#0f766e;font-weight:600}.card-button{display:inline-block;width:100%;padding:.625rem 1rem;border:2px solid #EE546F;border-radius:2px;background:transparent;color:#ee546f;font-size:.875rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease;margin-top:auto}.card-button:hover{background:#ee546f;color:#fff}.no-results{text-align:center;padding:4rem 2rem;background:#fff;border-radius:3px;border:1px dashed #e2e8f0}.no-results h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.no-results p{font-size:.9375rem;color:#64748b;margin:0}.clear-link{color:#4ea6ea;cursor:pointer;text-decoration:underline;background:none;border:none;font-size:inherit;font-weight:500}.clear-link:hover{color:#ee546f}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#64748b}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#4ea6ea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.project-listing-wrapper{padding:1rem 0 2rem}.listing-header{flex-wrap:wrap;gap:.75rem}.filter-bar{padding:.875rem}.region-pills{gap:.375rem}.region-pill{padding:.4375rem .75rem;font-size:.75rem}.dropdown-filters{flex-direction:column}.filter-select-wrapper{min-width:100%}.project-list-item{padding:.75rem;gap:.75rem}.list-item-image-wrapper{width:80px;aspect-ratio:4/3}.list-item-title{font-size:.9375rem}.list-item-meta{flex-wrap:wrap;gap:.375rem}.list-item-divider,.list-item-arrow{display:none}.list-item-details{margin-top:.375rem}.list-item-tag{font-size:.625rem;padding:.1875rem .375rem}.list-item-developer{display:none}}@media(max-width:480px){.project-grid-container{padding:0 .75rem}.listing-header-left{flex-direction:column;align-items:flex-start;gap:.5rem}.view-toggle-btn{width:32px;height:28px}.list-item-image-wrapper{width:72px;aspect-ratio:4/3}.list-item-meta{font-size:.75rem}}.filter-controls{margin-bottom:1.5rem;padding:1rem}.filter-row{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}.region-filter-btn{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:3px;font-size:.875rem;font-weight:500;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease;white-space:nowrap}.region-filter-btn:hover{border-color:#4ea6ea;background:#f0f9ff;color:#0369a1}.region-filter-btn.active{background:#4ea6ea;border-color:#4ea6ea;color:#fff}.region-filter-btn.active:hover{background:#3b82f6;border-color:#3b82f6}.filter-results{display:flex;align-items:center;justify-content:center;padding-top:.75rem;border-top:1px solid #e5e7eb;margin-top:.75rem}.no-projects{text-align:center;padding:3rem 1rem;color:#6b7280}.no-projects h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#374151}