.project-filters{display:flex;gap:.6rem;align-items:center;margin-bottom:3rem;flex-wrap:wrap}.filter-label{font-family:var(--font-sans);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#65758b;margin-right:.25rem}.filter-btn{font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.5rem 1.1rem;background:#fff;border:2px solid hsl(0 0% 4% / .8);color:#0a0a0a;cursor:pointer;box-shadow:var(--shadow-brutal-sm);transition:transform .1s ease,box-shadow .1s ease,background .1s ease,color .1s ease}.filter-btn:hover{transform:translate(2px,2px);box-shadow:none}.filter-btn.active{background:#0a0a0a;border-color:#0a0a0ae6;color:#fafafa;box-shadow:none;transform:translate(2px,2px)}.filter-btn--software.active,.filter-btn--hardware.active,.filter-btn--security.active{background:var(--color-accent);border-color:#0a0a0ae6;color:#fff}.project-status-groups{display:flex;flex-direction:column;gap:3.5rem}.status-group-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem;padding-bottom:.85rem;border-bottom:4px solid hsl(0 0% 4% / .9)}.status-group-title{font-family:var(--font-sans);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.01em;color:#0a0a0a;margin:0}.status-group-count{font-family:var(--font-sans);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0a0a0a;padding:.2rem .65rem;border:2px solid hsl(0 0% 4% / .8);background:#fff}.project-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card-static,.project-card-front{padding:1.75rem;background:#fff;border:4px solid hsl(0 0% 4% / .9);box-shadow:var(--shadow-brutal-lg);display:flex;flex-direction:column;gap:.75rem;height:100%;transition:transform .1s ease,box-shadow .1s ease}.project-card-static:hover{transform:translate(3px,3px);box-shadow:var(--shadow-brutal)}.project-card-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:800;color:#0a0a0a;line-height:1.2;margin:0}.project-card-title a{display:inline-flex;align-items:center;gap:.5rem;color:inherit}.project-card-title a:hover{text-decoration:underline;text-underline-offset:4px}.project-card-hint{font-family:var(--font-sans);font-size:.78rem;font-weight:400;color:#65758b;font-style:italic}.project-card-oneliner{color:#65758b;font-size:.96rem;line-height:1.6;margin:0;flex:1;max-width:none}.project-favicon{width:20px;height:20px;flex-shrink:0}.project-extlink{width:14px;height:14px;opacity:.5;flex-shrink:0}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem}.project-tag{font-family:var(--font-sans);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border:2px solid hsl(0 0% 4% / .8);color:#0a0a0a;background:#fff}.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d;min-height:220px}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front{position:relative;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2}.flip-card-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg);background:#fff;border:4px solid hsl(0 0% 4% / .9);box-shadow:var(--shadow-brutal-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.flip-card-image{width:100%;height:100%;object-fit:contain;cursor:pointer;transition:opacity .1s ease}.flip-card-image:hover{opacity:.92}.image-modal{position:fixed;inset:0;z-index:200;background:#0a0a0ad9;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#fff;border:3px solid hsl(0 0% 4%);color:#0a0a0a;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-brutal-sm);transition:transform .1s ease,box-shadow .1s ease}.modal-close:hover{transform:translate(2px,2px);box-shadow:none}.modal-close-icon{width:20px;height:20px}.modal-frame{background:#fff;border:4px solid hsl(0 0% 4%);overflow:hidden;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.modal-img{max-width:100%;max-height:80vh;object-fit:contain;background:#fafafa}.modal-title{padding:1rem 1.5rem;text-align:center;font-family:var(--font-sans);font-size:1.1rem;font-weight:700;color:#0a0a0a;margin:0;border-top:4px solid hsl(0 0% 4% / .9)}@media(max-width:768px){.project-cards{grid-template-columns:1fr}}