.work-card.svelte-hf76qp{background:#fff;border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--t-base),shadow var(--t-base),transform var(--t-card);display:flex;flex-direction:column;height:100%}.work-card.svelte-hf76qp:hover{border-color:var(--color-brand);transform:translateY(-4px);box-shadow:var(--shadow-md)}.work-img.svelte-hf76qp{background:var(--color-surface);padding:var(--sp-8);display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1 / 1;position:relative}.thumbnail-wrapper.svelte-hf76qp{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-thumbnail.svelte-hf76qp{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-soft)}.work-mockup.svelte-hf76qp{width:100%;border-radius:var(--radius-md);background:#fff;border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm);overflow:hidden}.mockup-header.svelte-hf76qp{height:18px;background:var(--color-surface);border-bottom:1px solid var(--color-border-soft);display:flex;align-items:center;padding:0 8px}.dots.svelte-hf76qp{display:flex;gap:3px}.dots.svelte-hf76qp span:where(.svelte-hf76qp){width:4px;height:4px;border-radius:50%;background:#e2e8f0}.mockup-body.svelte-hf76qp{height:auto;aspect-ratio:1 / 1;padding:var(--sp-3);display:flex;flex-direction:column;gap:8px}.mock-nav.svelte-hf76qp{height:8px;background:var(--color-surface);width:40%;border-radius:2px}.mock-hero-el.svelte-hf76qp{height:40px;background:var(--color-brand-light);border-radius:4px;width:100%}.mock-grid-dash.svelte-hf76qp{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mock-bar-dash.svelte-hf76qp{height:20px;background:var(--color-surface);border-radius:2px}.mock-sidebar.svelte-hf76qp{width:20%;height:100%;background:var(--color-surface);border-radius:2px}.mock-main.svelte-hf76qp{flex:1;height:100%;background:var(--color-surface);border-radius:2px}.mock-content-row.svelte-hf76qp{height:30px;background:var(--color-surface);border-radius:4px;width:100%}.work-info.svelte-hf76qp{padding:var(--sp-6);flex:1;display:flex;flex-direction:column}.work-project-name.svelte-hf76qp{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--sp-2)}.work-context.svelte-hf76qp{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--sp-4)}.tags-row.svelte-hf76qp{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:auto;padding-bottom:var(--sp-6)}.tag.svelte-hf76qp{font-size:11px;font-weight:600;padding:2px 8px;background:var(--color-surface);color:var(--color-text-tertiary);border-radius:var(--radius-full);border:1px solid var(--color-border-soft)}.work-footer.svelte-hf76qp{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-4);border-top:1px solid var(--color-border-soft)}.work-meta.svelte-hf76qp{font-size:11px;font-weight:700;color:var(--color-brand);text-transform:uppercase;letter-spacing:.05em}.work-year.svelte-hf76qp{font-size:12px;font-weight:500;color:var(--color-text-tertiary)}.mockup-blue.svelte-hf76qp{border-top:2px solid #3b82f6}.mockup-green.svelte-hf76qp{border-top:2px solid #10b981}.mockup-purple.svelte-hf76qp{border-top:2px solid #8b5cf6}.mockup-orange.svelte-hf76qp{border-top:2px solid #f97316}.mockup-pink.svelte-hf76qp{border-top:2px solid #ec4899}.work-card-skeleton.svelte-un4vd6{background:#fff;border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;height:100%}.skeleton-img.svelte-un4vd6{aspect-ratio:1 / 1;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.skeleton-label.svelte-un4vd6{background:#fff;color:var(--color-brand);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 14px;border-radius:9999px;border:1px solid var(--color-border-soft);z-index:1;opacity:.8}.skeleton-info.svelte-un4vd6{padding:var(--sp-6);flex:1;display:flex;flex-direction:column;gap:var(--sp-3)}.skeleton-title.svelte-un4vd6{height:22px;width:60%;background:var(--color-surface-2);border-radius:6px}.skeleton-desc.svelte-un4vd6{display:flex;flex-direction:column;gap:8px;margin-top:4px}.skeleton-line.svelte-un4vd6{height:14px;background:var(--color-surface-2);border-radius:4px}.skeleton-line.svelte-un4vd6:last-child{width:90%}.skeleton-tags.svelte-un4vd6{display:flex;gap:8px;margin-top:auto;padding-bottom:var(--sp-6)}.skeleton-tag.svelte-un4vd6{height:18px;width:40px;background:var(--color-surface-2);border-radius:9999px}.skeleton-footer.svelte-un4vd6{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-4);border-top:1px solid var(--color-border-soft)}.skeleton-meta.svelte-un4vd6{height:12px;width:30%;background:var(--color-surface-2);border-radius:4px}.skeleton-year.svelte-un4vd6{height:12px;width:40px;background:var(--color-surface-2);border-radius:4px}.shimmer.svelte-un4vd6{position:relative;overflow:hidden}.shimmer.svelte-un4vd6:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff6 20%,#ffffffb3 60%,#fff0);animation:svelte-un4vd6-shimmer 2s infinite}@keyframes svelte-un4vd6-shimmer{to{transform:translate(100%)}}.filters-container.svelte-zg7i0a{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-12)}.search-box.svelte-zg7i0a{position:relative;width:100%}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.search-box.svelte-zg7i0a input:where(.svelte-zg7i0a){width:100%;padding:14px 16px 14px 48px;background:#fff;border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);font-size:15px;transition:border-color var(--t-base),box-shadow var(--t-base)}.search-box.svelte-zg7i0a input:where(.svelte-zg7i0a):focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 4px var(--color-brand-light)}.filter-actions.svelte-zg7i0a{display:flex;gap:var(--sp-3);flex-wrap:wrap}.filter-group.svelte-zg7i0a{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);min-width:180px}.filter-group.svelte-zg7i0a .icon{color:var(--color-text-tertiary)}.filter-group.svelte-zg7i0a select:where(.svelte-zg7i0a){border:none;background:transparent;font-size:14px;font-weight:500;color:var(--color-text-primary);width:100%;cursor:pointer}.filter-group.svelte-zg7i0a select:where(.svelte-zg7i0a):focus{outline:none}@media(max-width:640px){.filter-group.svelte-zg7i0a{flex:1}}.work-page.svelte-1xx6men{padding-top:calc(68px + var(--sp-16));min-height:80vh}.work-h1.svelte-1xx6men{font-family:var(--font-heading);font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--sp-4)}.work-results-grid.svelte-1xx6men{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:var(--sp-12)}.empty-results-container.svelte-1xx6men{position:relative;margin-top:var(--sp-12)}.empty-state-overlay.svelte-1xx6men{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.empty-state-content.svelte-1xx6men{text-align:center;padding:var(--sp-12);background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-soft);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:520px}.empty-state-content.svelte-1xx6men i:where(.svelte-1xx6men){font-size:3.5rem;margin-bottom:var(--sp-4);display:block;color:var(--color-brand)}.empty-state-content.svelte-1xx6men h3:where(.svelte-1xx6men){font-family:var(--font-heading);font-size:26px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--sp-2)}.empty-state-content.svelte-1xx6men p:where(.svelte-1xx6men){font-size:16px;color:var(--color-text-secondary);line-height:1.6}@media(max-width:1024px){.work-results-grid.svelte-1xx6men{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.work-results-grid.svelte-1xx6men{grid-template-columns:1fr}}