.page-hero.svelte-oqsuc6{padding:var(--sp-20) 0 var(--sp-12);background:var(--c-bg2)}.page-hero.svelte-oqsuc6 h1:where(.svelte-oqsuc6){font-size:var(--fs-5xl);margin:var(--sp-4) 0}.hero-desc.svelte-oqsuc6{font-size:var(--fs-lg);max-width:600px;line-height:var(--lh-relaxed)}.filter-bar.svelte-oqsuc6{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-8)}.filter-btn.svelte-oqsuc6{padding:var(--sp-2) var(--sp-4);border-radius:var(--rad-2xl);background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:var(--trans)}.filter-btn.svelte-oqsuc6:hover{border-color:var(--c-accent);color:var(--c-accent)}.filter-btn.active.svelte-oqsuc6{background:var(--c-accent);color:var(--c-bg);border-color:var(--c-accent)}.work-grid.svelte-oqsuc6{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-8)}.work-card.svelte-oqsuc6{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--rad-lg);overflow:hidden;transition:var(--trans)}.work-card.svelte-oqsuc6:hover{border-color:rgba(var(--c-accent-rgb),.3);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.work-img.svelte-oqsuc6{position:relative;aspect-ratio:16/10;overflow:hidden}.work-img.svelte-oqsuc6 img:where(.svelte-oqsuc6){width:100%;height:100%;object-fit:cover;transition:var(--trans)}.work-card.svelte-oqsuc6:hover .work-img:where(.svelte-oqsuc6) img:where(.svelte-oqsuc6){transform:scale(1.03)}.work-cat.svelte-oqsuc6{position:absolute;top:var(--sp-3);left:var(--sp-3)}.work-info.svelte-oqsuc6{padding:var(--sp-6)}.work-info.svelte-oqsuc6 h3:where(.svelte-oqsuc6){font-size:var(--fs-xl);margin-bottom:var(--sp-2)}.work-info.svelte-oqsuc6 p:where(.svelte-oqsuc6){font-size:var(--fs-sm);color:var(--c-text-muted);line-height:var(--lh-relaxed);margin-bottom:var(--sp-4)}.work-tags.svelte-oqsuc6{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.tech-tag.svelte-oqsuc6{padding:var(--sp-1) var(--sp-3);background:rgba(var(--c-accent-rgb),.08);border:1px solid rgba(var(--c-accent-rgb),.15);border-radius:var(--rad);font-size:var(--fs-xs);color:var(--c-accent);font-weight:var(--fw-medium)}.cta-section.svelte-oqsuc6{text-align:center}.cta-content.svelte-oqsuc6{max-width:500px}.cta-content.svelte-oqsuc6 p:where(.svelte-oqsuc6){margin:var(--sp-4) 0 var(--sp-8)}@media (max-width:768px){.work-grid.svelte-oqsuc6{grid-template-columns:1fr}}