.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:5rem 1rem}@media (min-width:640px){.projects-main-content{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.projects-main-content{padding-left:2rem;padding-right:2rem}}.projects-spotlight-section{margin-bottom:6rem}.projects-archive-section{border-top:1px solid var(--border-color);margin-top:6rem;padding-top:4rem}.projects-controls{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;gap:1.5rem;margin-bottom:3rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}@media (min-width:1024px){.projects-controls{flex-direction:row;justify-content:space-between;align-items:center}}.projects-filters-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}@media (min-width:1024px){.projects-filters-buttons{justify-content:flex-start}}.filter-button{background-color:var(--surface-background);color:var(--secondary-text);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.filter-button:hover{background-color:var(--border-color-light);color:var(--primary-text)}.filter-button.active{background-color:var(--interactive-blue);color:#fff;border-color:var(--interactive-blue);box-shadow:0 4px 6px -1px #0052cc33,0 2px 4px -2px #0052cc33}.projects-search-wrapper{width:100%;max-width:300px;margin:0 auto;position:relative}@media (min-width:1024px){.projects-search-wrapper{margin:0}}.projects-search-icon{width:1.25rem;height:1.25rem;color:var(--subtle-text);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.projects-search-input{border:1px solid var(--border-color);background-color:var(--primary-background);width:100%;color:var(--primary-text);border-radius:9999px;padding:.75rem 1rem .75rem 2.75rem;font-size:.95rem;transition:all .2s}.projects-search-input:focus{border-color:var(--interactive-blue);outline:none;box-shadow:0 0 0 3px #4f46e526}.projects-grid{text-align:left;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;display:grid}@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;color:var(--secondary-text);background-color:var(--primary-background);border:1px dashed var(--border-color);border-radius:.5rem;margin-top:2rem;padding:4rem 0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.projects-no-results p:first-child{color:var(--primary-text);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.projects-section-header{text-align:center;margin-bottom:2.5rem}.projects-section-title{color:var(--primary-text);margin-bottom:.5rem;font-size:2.25rem;font-weight:700;line-height:1.2}.projects-section-subtitle{color:var(--secondary-text)}.projects-section-divider{background-color:var(--interactive-blue);width:6rem;height:4px;margin:1rem auto 0}