.projects-page{background-color:var(--surface-background);min-height:100vh}.projects-main-content{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:var(--space-80) var(--space-16)}@media (min-width:640px){.projects-main-content{padding-left:var(--space-24);padding-right:var(--space-24)}}@media (min-width:1024px){.projects-main-content{padding-left:var(--space-32);padding-right:var(--space-32)}}.projects-spotlight-section{margin-bottom:var(--space-96)}.projects-controls{display:flex;flex-direction:column;gap:var(--space-24);margin-bottom:var(--space-48);background-color:var(--primary-background);padding:var(--space-24);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}@media (min-width:1024px){.projects-controls{flex-direction:row;align-items:center;justify-content:space-between}}.projects-filters-buttons{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}@media (min-width:1024px){.projects-filters-buttons{justify-content:flex-start}}.projects-search-wrapper{position:relative;width:100%;max-width:300px;margin:var(--space-0) auto}@media (min-width:1024px){.projects-search-wrapper{margin:var(--space-0)}}.projects-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--subtle-text);pointer-events:none}.projects-search-input{width:100%;padding:var(--space-12) var(--space-16) var(--space-12) 2.75rem;border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--primary-background);color:var(--primary-text);transition:all .2s ease;font-size:var(--text-base)}.projects-search-input:focus{outline:none;border-color:var(--interactive-blue);box-shadow:0 0 0 3px rgba(var(--rgb-indigo-strong),.15)}.projects-grid{display:grid;gap:var(--space-40);text-align:left;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}.projects-grid .grid-item-large{grid-column:span 2}}.projects-no-results{text-align:center;padding:var(--space-64) var(--space-0);color:var(--secondary-text);background-color:var(--primary-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--space-32);border:1px dashed var(--border-color)}.projects-no-results p:first-child{font-size:var(--text-h5);font-weight:600;color:var(--primary-text);margin-bottom:var(--space-8)}