.project-card[data-v-869151ac]{box-shadow:var(--shadow-border-small);border-radius:var(--radius);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.project-card[data-v-869151ac]:hover{box-shadow:var(--shadow-border), 0 4px 8px #00000014}.project-card .header[data-v-869151ac]{gap:1rem;display:flex}svg[data-v-869151ac]{color:hsl(var(--primary-700))}.header-text[data-v-869151ac]{flex-direction:column;flex:1;gap:.375rem;display:flex}.project-name[data-v-869151ac]{color:hsl(var(--text-neutral));word-wrap:break-word;font-size:1.25rem;font-weight:700}.project-type[data-v-869151ac]{color:hsl(var(--text-accent))}.status-badge[data-v-869151ac]{text-transform:uppercase;border-radius:8px;align-self:flex-start;padding:6px 10px;font-size:.75rem;font-weight:700}.status-badge.published[data-v-869151ac]{background-color:hsl(var(--primary-200));color:hsl(var(--primary-900))}.status-badge.in-progress[data-v-869151ac],.status-badge.draft[data-v-869151ac]{background-color:hsl(var(--warning-300));color:hsl(var(--neutral-900))}.projects-grid[data-v-83b870d8]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin:0 0 2rem;display:grid}@media (width<=768px){.projects-grid[data-v-83b870d8]{grid-template-columns:1fr;gap:1.5rem}}p.no-result[data-v-83b870d8]{text-align:center;color:#666;padding:3rem 1rem;font-size:1.125rem}.hero[data-v-012e117e]{background-color:hsl(var(--accent));box-shadow:var(--shadow-border-small);padding:2rem .5rem}.hero h1[data-v-012e117e]{font-weight:900}.hero p[data-v-012e117e]{margin:.5rem 0 0;font-size:1.125rem}@media (width>=1144px){.hero[data-v-012e117e]{padding:4rem 2rem}}.container[data-v-012e117e]{flex-direction:column;gap:1.5rem;max-width:1080px;margin:0 1rem;display:flex}@media (width>=1112px){.container[data-v-012e117e]{margin:0 auto}}.filters[data-v-012e117e]{flex-wrap:wrap;gap:1.5rem;padding:1rem 0;display:flex}.filters label[data-v-012e117e]{font-weight:600}.filters select[data-v-012e117e]{border:1px solid hsl(var(--neutral-300));cursor:pointer;background:#fff;border-radius:4px;padding:.5rem}.filters select[data-v-012e117e]:focus{outline:2px solid hsl(var(--text-accent));outline-offset:1px}
