.portfolio-page[data-v-8f68b7dd]{padding-top:var(--space-12);padding-bottom:var(--space-16)}.portfolio-header[data-v-8f68b7dd]{margin-bottom:var(--space-10)}.portfolio-header h1[data-v-8f68b7dd]{letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:clamp(2rem,5vw,3rem);font-weight:900}.portfolio-header p[data-v-8f68b7dd]{color:var(--gray-600);max-width:600px;font-size:1.125rem}.filter-bar[data-v-8f68b7dd]{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.filter-categories[data-v-8f68b7dd]{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-btn[data-v-8f68b7dd]{border:1px solid var(--gray-200);border-radius:var(--radius-pill);cursor:pointer;color:var(--gray-700);transition:all var(--transition-fast);background:#fff;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500}.filter-btn[data-v-8f68b7dd]:hover,.filter-btn.active[data-v-8f68b7dd]{background:var(--primary);color:#fff;border-color:var(--primary)}.search-box[data-v-8f68b7dd]{gap:var(--space-2);display:flex}.search-box input[data-v-8f68b7dd]{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;outline:none;min-width:200px;padding:10px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.search-box input[data-v-8f68b7dd]:focus{border-color:var(--primary-300)}.search-box button[data-v-8f68b7dd]{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.search-box button[data-v-8f68b7dd]:hover{background:var(--primary-dark)}.portfolio-grid[data-v-8f68b7dd]{gap:var(--space-6);margin-bottom:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.empty-msg[data-v-8f68b7dd]{color:var(--gray-500);padding:var(--space-10);text-align:center;grid-column:1/-1}.portfolio-card[data-v-8f68b7dd]{border:1px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);background:#fff;outline:none;overflow:hidden}.portfolio-card[data-v-8f68b7dd]:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-300);transform:translateY(-6px)}.portfolio-card[data-v-8f68b7dd]:focus-visible{box-shadow:var(--shadow-xl);border-color:var(--primary-300);transform:translateY(-6px)}.card-image[data-v-8f68b7dd]{aspect-ratio:4/3;background:var(--gray-100);overflow:hidden}.card-image img[data-v-8f68b7dd]{object-fit:cover;width:100%;height:100%;transition:transform .4s}.portfolio-card:hover .card-image img[data-v-8f68b7dd]{transform:scale(1.05)}.card-content[data-v-8f68b7dd]{padding:var(--space-5)}.card-content h3[data-v-8f68b7dd]{margin-bottom:var(--space-2);font-size:1rem;font-weight:700}.card-category[data-v-8f68b7dd]{color:var(--primary);margin-bottom:var(--space-3);font-size:.8125rem;font-weight:600}.card-meta[data-v-8f68b7dd]{gap:var(--space-2);flex-wrap:wrap;display:flex}.meta-chip[data-v-8f68b7dd]{background:var(--gray-100);border-radius:var(--radius-pill);color:var(--gray-700);padding:3px 10px;font-size:.75rem}.modal[data-v-8f68b7dd]{z-index:var(--z-modal);padding:var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn-8f68b7dd;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn-8f68b7dd{0%{opacity:0}to{opacity:1}}.modal-content[data-v-8f68b7dd]{border-radius:var(--radius-2xl);width:100%;max-width:560px;max-height:90vh;padding:var(--space-8);animation:slideUp-8f68b7dd .25s var(--ease-out);background:#fff;position:relative;overflow-y:auto}@keyframes slideUp-8f68b7dd{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close[data-v-8f68b7dd]{top:var(--space-4);right:var(--space-4);background:var(--gray-100);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:background .2s;display:flex;position:absolute}.modal-close[data-v-8f68b7dd]:hover{background:var(--gray-200)}.modal-image[data-v-8f68b7dd]{margin-bottom:var(--space-5);border-radius:var(--radius-lg);overflow:hidden}.modal-image img[data-v-8f68b7dd]{object-fit:cover;width:100%;height:auto}.modal-content h2[data-v-8f68b7dd]{margin-bottom:var(--space-2);font-size:1.5rem;font-weight:800}.category[data-v-8f68b7dd]{color:var(--primary);margin-bottom:var(--space-4);font-size:.875rem;font-weight:600}.modal-content p[data-v-8f68b7dd]{color:var(--gray-600);margin-bottom:var(--space-6);line-height:1.7}.modal-footer[data-v-8f68b7dd]{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn-outline[data-v-8f68b7dd]{color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-pill);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;padding:12px 20px;font-family:inherit;text-decoration:none;transition:all .2s;display:inline-block}.btn-outline[data-v-8f68b7dd]:hover{background:var(--primary);color:#fff}