.portfolio-page.svelte-rqn88j{background-color:var(--bg-body);min-height:80vh}.breadcrumb-bar.svelte-rqn88j{background:var(--bg-surface);border-bottom:1px solid var(--border-light);padding:1.15rem 0}.breadcrumb-inner.svelte-rqn88j{align-items:center;gap:.6rem;font-size:.825rem;display:flex}.crumb-link.svelte-rqn88j{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:.35rem;display:inline-flex}.crumb-link.svelte-rqn88j:hover{color:var(--primary-600)}[data-theme=dark] .crumb-link.svelte-rqn88j:hover{color:#4ade80}.crumb-sep.svelte-rqn88j{color:var(--text-muted);opacity:.5}.crumb-current.svelte-rqn88j{color:var(--text-main);font-weight:600}.portfolio-header.svelte-rqn88j{background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-body) 100%);border-bottom:1px solid var(--border-light);padding:3.5rem 0 2rem}.header-inner.svelte-rqn88j{text-align:center;max-width:820px}.page-title.svelte-rqn88j{color:var(--text-main);margin-bottom:1rem;font-size:clamp(1.85rem,4vw,2.75rem);line-height:1.25}.page-lead.svelte-rqn88j{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.controls-wrapper.svelte-rqn88j{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.search-box.svelte-rqn88j{width:100%;max-width:480px;position:relative}.search-icon.svelte-rqn88j{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input.svelte-rqn88j{border:1px solid var(--border-light);background:var(--bg-surface);width:100%;color:var(--text-main);transition:all var(--transition-fast);border-radius:9999px;padding:.75rem 2.5rem .75rem 2.8rem;font-family:inherit;font-size:.925rem;box-shadow:0 2px 8px #0000000a}.search-input.svelte-rqn88j:focus{border-color:var(--eco-green);box-shadow:0 0 0 3px var(--eco-glow);outline:none}.clear-btn.svelte-rqn88j{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem;line-height:1;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.tabs-scroll.svelte-rqn88j{scrollbar-width:none;gap:.5rem;max-width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.tabs-scroll.svelte-rqn88j::-webkit-scrollbar{display:none}.cat-pill.svelte-rqn88j{font-family:var(--font-heading);border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border-radius:9999px;padding:.45rem 1.1rem;font-size:.825rem;font-weight:600}.cat-pill.svelte-rqn88j:hover{color:var(--text-main);border-color:#22c55e66}.cat-pill.active.svelte-rqn88j{background:var(--primary-700);border-color:var(--primary-700);color:var(--white);box-shadow:0 2px 8px #104e3940}[data-theme=dark] .cat-pill.active.svelte-rqn88j{background:var(--primary-600);color:#fff;border-color:#22c55e;box-shadow:0 2px 10px #22c55e4d}.projects-section.svelte-rqn88j{padding:3.5rem 0 5rem}.projects-grid.svelte-rqn88j{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (width>=680px){.projects-grid.svelte-rqn88j{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.empty-state.svelte-rqn88j{text-align:center;background:var(--bg-surface);border:1px dashed var(--border-light);border-radius:1rem;padding:4rem 1rem}.empty-title.svelte-rqn88j{color:var(--text-main);margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.empty-desc.svelte-rqn88j{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.archive-load-more-wrapper.svelte-rqn88j{justify-content:center;margin-top:3.5rem;display:flex}.load-more-btn.svelte-rqn88j{cursor:pointer;transition:all var(--transition-fast);border-radius:9999px;align-items:center;gap:.6rem;padding:.85rem 2rem;font-size:.925rem;font-weight:600;display:inline-flex}.load-more-btn.svelte-rqn88j:hover{border-color:var(--eco-green);transform:translateY(-2px);box-shadow:0 4px 14px #22c55e33}.portfolio-cta-banner.svelte-rqn88j{background:linear-gradient(135deg, var(--primary-900), #061c14);box-shadow:var(--card-shadow);border:1px solid #22c55e33;border-radius:1.25rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-top:4.5rem;padding:2.75rem;display:flex}.cta-title.svelte-rqn88j{color:#fff;margin-bottom:.5rem;font-size:1.45rem;font-weight:700}.cta-desc.svelte-rqn88j{color:#cbd5e1;max-width:600px;margin:0;font-size:.95rem;line-height:1.6}