.project-filters{display:flex;gap:.6rem;align-items:center;margin-bottom:var(--ono-space-lg);flex-wrap:wrap}.filter-label{font-family:var(--ono-font-body);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ono-text-muted);margin-right:.25rem}.filter-btn{font-family:var(--ono-font-body);font-size:.78rem;font-weight:500;letter-spacing:.05em;padding:.5rem 1.1rem;background:transparent;border:1.5px solid var(--ono-border-strong);color:var(--ono-text-muted);border-radius:var(--ono-radius-full);cursor:pointer;transition:all var(--ono-duration) var(--ono-ease)}.filter-btn:hover{border-color:var(--ono-text);color:var(--ono-text)}.filter-btn.active{background:var(--ono-text);border-color:var(--ono-text);color:var(--ono-bg)}.filter-btn--software.active{background:var(--ono-sage);border-color:var(--ono-sage)}.filter-btn--hardware.active{background:var(--ono-blue);border-color:var(--ono-blue)}.filter-btn--security.active{background:var(--ono-warm);border-color:var(--ono-warm)}.project-status-groups{display:flex;flex-direction:column;gap:var(--ono-space-xl)}.status-group-header{display:flex;align-items:baseline;gap:.85rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--ono-border)}.status-group-title{font-family:var(--ono-font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:500;color:var(--ono-text);margin:0}.status-group-count{font-family:var(--ono-font-body);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ono-text-muted);padding:.2rem .65rem;border:1px solid var(--ono-border);border-radius:var(--ono-radius-full)}.project-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ono-space-md)}.project-card-static,.project-card-front{padding:2rem;background:var(--ono-bg-warm);border:1px solid var(--ono-border);border-radius:var(--ono-radius-lg);display:flex;flex-direction:column;gap:.75rem;height:100%;transition:transform var(--ono-duration) var(--ono-ease),box-shadow var(--ono-duration) var(--ono-ease),border-color var(--ono-duration) var(--ono-ease)}.project-card-static:hover{transform:translateY(-3px);box-shadow:0 14px 40px #1c1a1712;border-color:var(--ono-border-strong)}.project-card-title{font-family:var(--ono-font-display);font-size:1.5rem;font-weight:500;color:var(--ono-text);line-height:1.2;margin:0}.project-card-title a{display:inline-flex;align-items:center;gap:.5rem;color:inherit;transition:color var(--ono-duration) var(--ono-ease)}.project-card-title a:hover{color:var(--ono-sage)}.project-card-hint{font-family:var(--ono-font-body);font-size:.78rem;font-weight:400;color:var(--ono-text-light);font-style:italic}.project-card-oneliner{color:var(--ono-text-muted);font-size:.96rem;line-height:1.6;margin:0;flex:1;max-width:none}.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s var(--ono-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:var(--ono-bg);border:1px solid var(--ono-border);border-radius:var(--ono-radius-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 var(--ono-duration) var(--ono-ease)}.flip-card-image:hover{opacity:.92}.image-modal{position:fixed;inset:0;z-index:200;background:#1c1a17d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:1px solid rgba(248,245,240,.3);color:#f8f5f0d9;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--ono-duration) var(--ono-ease)}.modal-close:hover{background:#f8f5f01a;border-color:#f8f5f099}.modal-close-icon{width:20px;height:20px}.modal-frame{background:var(--ono-bg);border-radius:var(--ono-radius-lg);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:var(--ono-bg-warm)}.modal-title{padding:1rem 1.5rem;text-align:center;font-family:var(--ono-font-display);font-size:1.2rem;color:var(--ono-text);margin:0;border-top:1px solid var(--ono-border)}@media(max-width:768px){.project-cards{grid-template-columns:1fr}}