:root,#bp-project-list{--primary-color: #2563eb;--secondary-color: #1e293b}.bp-container{display:flex;justify-content:center}.bp-list-container{width:100%;margin:0 auto;padding:0 1rem;padding:1.75rem}.bp-list-container .bp-filters-container{display:flex;flex-wrap:wrap;background-color:#fff;padding:1rem;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;gap:1rem;margin-bottom:1.75rem}.bp-list-container .bp-filters-container .bp-filters-item{width:auto}.bp-list-container .bp-list-section{position:relative;min-height:600px}.bp-list-container .loading-state,.bp-list-container .error-state,.bp-list-container .empty-state{display:flex;justify-content:center;align-items:center;min-height:400px}.bp-list-container .loading-state span,.bp-list-container .error-state span,.bp-list-container .empty-state span{font-size:1.25rem}.bp-list-container .loading-state span{color:#4b5563;animation:pulse 1.5s infinite}.bp-list-container .error-state span{color:#ef4444}.bp-list-container .empty-state span{color:#6b7280}.grid-layout-container{display:flex;flex-direction:column;gap:1.5rem}.grid-row{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 640px){.grid-row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px) and (min-width: 768px){.grid-row.three-columns{grid-template-columns:repeat(3,1fr)}}@media (min-width: 640px) and (min-width: 768px){.grid-row.two-columns{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-row.dynamic-columns{grid-template-columns:repeat(var(--columns),1fr)}}.project-tile{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;border-radius:.375rem;transition:all .5s ease;display:flex;flex-direction:column;overflow:hidden}.project-tile:hover{transform:scale(1.05)}.project-tile .project-image{width:100%;height:10rem;object-fit:cover}.project-tile .project-content{padding:1rem;flex-grow:1}.project-tile .project-content .taxonomy-terms{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.project-tile .project-content .taxonomy-terms .term{display:flex;align-items:center;gap:.25rem;background-color:var(--secondary-color);color:var(--primary-color);font-size:.875rem;padding:2px 6px;border-radius:4px}.project-tile .project-content .taxonomy-terms .term .term-icon{width:1rem;height:1rem}.project-tile .project-content .bp-project-title{font-size:22px;font-weight:600;color:var(--primary-color);margin:0}.project-tile .project-content .bp-project-description{color:#4b5563;line-height:1.5}.project-tile .project-footer{display:flex;justify-content:space-between;align-items:center;background:hsl(from var(--primary-color) h s calc(l + 10%));padding:.5rem 1rem;border-top:1px solid #e5e7eb}.project-tile .project-footer .project-price{font-size:1.125rem;font-weight:700}.project-tile .project-footer .project-link{background:var(--primary-color);color:#fff;padding:.375rem .625rem;border-radius:.25rem;text-decoration:none}.project-tile .project-footer .project-link:hover{background:var(--secondary-color);color:var(--primary-color)}.stack-layout{gap:1.5rem}.stack-layout.grid-view{display:grid;grid-template-columns:1fr}@media (min-width: 640px){.stack-layout.grid-view{grid-template-columns:repeat(2,1fr)}}.stack-layout.flex-view{display:flex;flex-direction:column}.stack-layout.flex-view .stacked-project:not(:first-child){margin-top:1.5rem}.stacked-project{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;border-radius:.375rem;transition:all .5s ease;display:flex;flex-direction:column;overflow:hidden;height:100%}.stacked-project:hover{transform:scale(1.05)}@media (min-width: 640px){.stacked-project{flex-direction:row;height:auto}.stacked-project .image-container{width:33.333%;height:auto}.stacked-project .image-container.tall{height:16rem}.stacked-project .project-content{width:66.666%}}.stacked-project .image-container{width:100%}.stacked-project .image-container .project-image{width:100%;min-height:100%;object-fit:cover}.stacked-project .project-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.stacked-project .project-content .taxonomy-terms{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.stacked-project .project-content .taxonomy-terms .term{display:flex;align-items:center;gap:.25rem;background-color:var(--secondary-color);color:var(--primary-color);font-size:.875rem;padding:2px 6px;border-radius:4px}.stacked-project .project-content .taxonomy-terms .term .term-icon{width:1rem;height:1rem}.stacked-project .project-content .project-title{font-size:22px;font-weight:600;color:var(--primary-color);margin:0}.stacked-project .project-content .project-description{color:#4b5563;line-height:1.5;flex-grow:1}.stacked-project .project-content .project-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-top:auto;border-top:1px solid #e5e7eb}.stacked-project .project-content .project-footer .project-price{font-size:1.125rem;font-weight:700}.stacked-project .project-content .project-footer .project-link{background:var(--primary-color);color:#fff;padding:.375rem .625rem;border-radius:.25rem;text-decoration:none}.stacked-project .project-content .project-footer .project-link:hover{background:var(--secondary-color);color:var(--primary-color)}.bp-pagination-section{display:flex;justify-content:center;align-items:center;padding:2rem 0;gap:1rem}.bp-pagination-section .bp-p-btn{padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:all .5s ease}.bp-pagination-section .bp-p-btn.bp-btn,.bp-pagination-section .bp-p-btn.bp-btn-active{background-color:var(--primary-color);color:#fff}.bp-pagination-section .bp-p-btn:disabled{opacity:.5;cursor:not-allowed}.bp-pagination-section .page-info{font-size:1.125rem;font-weight:600;margin-left:1rem}.load-more-btn{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border-radius:.375rem;border:none;cursor:pointer;transition:all .5s ease}.load-more-btn:hover{background-color:hsl(from var(--primary-color) h s calc(l + 10%))}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}