.flagship-card[data-v-c6d64a05]{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:-3px 0 0 0 var(--color-accent);overflow:hidden;margin:var(--space-xl) 0}.card-top[data-v-c6d64a05]{padding:var(--space-xl);border-bottom:1px solid var(--color-border);flex-direction:column}.card-meta[data-v-c6d64a05],.card-top[data-v-c6d64a05]{display:flex;gap:var(--space-sm)}.card-meta[data-v-c6d64a05]{align-items:center;flex-wrap:wrap}.status-badge[data-v-c6d64a05]{padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid}.status-badge.status-in-progress[data-v-c6d64a05]{color:#fbcb50;border-color:#fbcb50;background-color:#fbcb5014}.status-badge.status-live[data-v-c6d64a05]{color:var(--color-success);border-color:var(--color-success);background-color:#21c45d14}.status-badge.status-local-only[data-v-c6d64a05]{color:var(--color-text-muted);border-color:var(--color-border)}.meta-role[data-v-c6d64a05],.meta-year[data-v-c6d64a05]{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.meta-role[data-v-c6d64a05]:before{content:"·";margin-right:var(--space-xs)}.project-title[data-v-c6d64a05]{font-size:var(--text-3xl);color:var(--color-text-primary);font-weight:800;margin:0;letter-spacing:-.02em}.project-tagline[data-v-c6d64a05]{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.project-context[data-v-c6d64a05]{font-size:var(--text-sm);color:var(--color-accent);margin:0;padding:var(--space-sm);background-color:#5090f714;border-left:2px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.5}.card-body[data-v-c6d64a05]{display:flex;flex-direction:column}@media(min-width:1024px){.card-body[data-v-c6d64a05]{flex-direction:row}}.card-left[data-v-c6d64a05],.card-right[data-v-c6d64a05]{flex:1;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.card-right[data-v-c6d64a05]{background-color:var(--color-surface-1);border-left:1px solid var(--color-border)}@media(max-width:1023px){.card-right[data-v-c6d64a05]{border-left:none;border-top:1px solid var(--color-border)}}.detail-block[data-v-c6d64a05]{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-heading[data-v-c6d64a05]{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0}.detail-text[data-v-c6d64a05]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.detail-list[data-v-c6d64a05]{margin:0;padding-left:var(--space-md);display:flex;flex-direction:column;gap:4px}.detail-list li[data-v-c6d64a05]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.stack-chips[data-v-c6d64a05]{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.stack-chip[data-v-c6d64a05]{color:var(--color-text-primary);padding:3px 8px;font-family:var(--font-mono)}.repo-note[data-v-c6d64a05],.stack-chip[data-v-c6d64a05]{background-color:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs)}.repo-note[data-v-c6d64a05]{display:flex;align-items:flex-start;gap:var(--space-xs);color:var(--color-text-muted);padding:var(--space-sm);line-height:1.5}.repo-icon[data-v-c6d64a05]{flex-shrink:0}.case-study-link[data-v-c6d64a05]{margin-top:auto;color:var(--color-accent);text-decoration:none;font-weight:600;font-size:var(--text-sm);transition:color var(--transition-fast);display:inline-block;align-self:flex-start}.case-study-link[data-v-c6d64a05]:hover{color:var(--color-accent-hover)}.screenshot-preview[data-v-c6d64a05]{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.screenshot-img[data-v-c6d64a05]{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.learned-block[data-v-c6d64a05]{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md)}.learned-heading[data-v-c6d64a05]{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-sm) 0}.learned-list[data-v-c6d64a05]{margin:0;padding-left:var(--space-md);display:flex;flex-direction:column;gap:6px}.learned-list li[data-v-c6d64a05]{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5}.mock-ui[data-v-c6d64a05]{width:100%;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;gap:var(--space-sm)}.mock-nav[data-v-c6d64a05]{display:flex;justify-content:space-between;padding:var(--space-sm);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-2)}.mock-logo[data-v-c6d64a05]{width:24px;height:12px;background-color:var(--color-text-secondary);border-radius:var(--radius-sm)}.mock-nav-items[data-v-c6d64a05]{display:flex;gap:var(--space-xs)}.mock-nav-item[data-v-c6d64a05]{width:16px;height:12px;background-color:var(--color-border);border-radius:var(--radius-sm)}.mock-search[data-v-c6d64a05]{margin:0 var(--space-sm);height:24px;background-color:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.mock-grid[data-v-c6d64a05]{display:flex;gap:var(--space-sm);padding:0 var(--space-sm) var(--space-sm)}.mock-listing-card[data-v-c6d64a05]{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.mock-image[data-v-c6d64a05]{height:60px;background-color:var(--color-surface-2);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.mock-title[data-v-c6d64a05]{width:80%;background-color:var(--color-text-secondary)}.mock-price[data-v-c6d64a05],.mock-title[data-v-c6d64a05]{height:8px;border-radius:var(--radius-sm)}.mock-price[data-v-c6d64a05]{width:50%;background-color:var(--color-accent)}.mock-line[data-v-c6d64a05]{height:8px;border-radius:var(--radius-sm)}.build-directions[data-v-b1642a2e]{padding:var(--space-2xl) 0}.directions-title[data-v-b1642a2e]{font-size:var(--text-2xl);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.directions-subtitle[data-v-b1642a2e]{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0}.chips-container[data-v-b1642a2e]{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.direction-chip[data-v-b1642a2e]{background-color:var(--color-surface-1);border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm)}