.work-page.svelte-oqsuc6{background-color:var(--color-bone);padding-top:calc(var(--space-8) + 56px);padding-bottom:var(--space-8)}.page-inner.svelte-oqsuc6{max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.page-header.svelte-oqsuc6{padding-bottom:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.eyebrow.svelte-oqsuc6{font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-ink);opacity:.45;margin:0}.header-title-row.svelte-oqsuc6{justify-content:space-between;align-items:baseline;display:flex}.page-title.svelte-oqsuc6{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:clamp(48px,6vw,80px);font-weight:900;line-height:var(--leading-display);color:var(--color-ink);margin:0}.total-count.svelte-oqsuc6{font-family:var(--font-mono);color:var(--color-ink);opacity:.3;flex-shrink:0;font-size:24px}.filters.svelte-oqsuc6{gap:var(--space-1);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.filter-pill.svelte-oqsuc6{font-family:var(--font-body);cursor:pointer;border:.5px solid color-mix(in srgb, var(--color-ink) 22%, transparent);color:var(--color-ink);transition:background var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo);background:0 0;border-radius:100px;align-items:center;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.filter-pill.active.svelte-oqsuc6{background:var(--color-ink);color:var(--color-bone);border-color:var(--color-ink)}.filter-pill.svelte-oqsuc6:hover:not(.active){border-color:color-mix(in srgb, var(--color-ink) 50%, transparent)}.filter-pill.svelte-oqsuc6:focus-visible{outline:2px solid var(--sapphire);outline-offset:3px}.project-list.svelte-oqsuc6{border-top:.5px solid color-mix(in srgb, var(--color-ink) 12%, transparent);margin:0;padding:0;list-style:none}.row-wrapper.svelte-oqsuc6{border-bottom:.5px solid color-mix(in srgb, var(--color-ink) 12%, transparent);max-height:280px;transition:max-height var(--duration-medium) var(--ease-out-expo), opacity var(--duration-fast) var(--ease-out-expo);overflow:hidden}.row-wrapper.row--hidden.svelte-oqsuc6{opacity:0;pointer-events:none;border-bottom-width:0;max-height:0}.project-row.svelte-oqsuc6{text-decoration:none;display:block}.project-row.svelte-oqsuc6:focus-visible{outline:2px solid var(--sapphire);outline-offset:-2px}.row-inner.svelte-oqsuc6{gap:var(--space-4);padding:var(--space-3) var(--space-4);transition:background var(--duration-fast) var(--ease-out-expo);background:0 0;border-radius:8px;grid-template-columns:48px 1fr 200px 80px;align-items:center;display:grid}.project-row.svelte-oqsuc6:hover .row-inner:where(.svelte-oqsuc6){background:var(--color-paper)}.col-number.svelte-oqsuc6{font-family:var(--font-mono);color:var(--color-ink);opacity:.4;white-space:nowrap;align-self:start;padding-top:6px;font-size:13px}.col-content.svelte-oqsuc6{flex-direction:column;min-width:0;display:flex}.project-meta.svelte-oqsuc6{font-family:var(--font-mono);color:var(--color-ink);opacity:.4;margin:0;font-size:11px}.project-title.svelte-oqsuc6{font-family:var(--font-display);letter-spacing:var(--tracking-display);color:var(--color-ink);transition:color var(--duration-fast) var(--ease-out-expo);margin:4px 0 8px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.1}.project-row.svelte-oqsuc6:hover .project-title:where(.svelte-oqsuc6){color:var(--accent)}.project-summary.svelte-oqsuc6{font-family:var(--font-body);color:var(--color-ink);opacity:.7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.project-tags.svelte-oqsuc6{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.tag.svelte-oqsuc6{border:.5px solid color-mix(in srgb, var(--color-ink) 20%, transparent);font-family:var(--font-body);white-space:nowrap;background:0 0;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.tag--sapphire.svelte-oqsuc6{border-color:var(--sapphire);color:var(--sapphire)}.tag--bubblegum.svelte-oqsuc6{border-color:var(--bubblegum);color:var(--bubblegum)}.tag--tangerine.svelte-oqsuc6{border-color:var(--tangerine);color:var(--tangerine)}.tag--default.svelte-oqsuc6{border-color:color-mix(in srgb, var(--color-ink) 30%, transparent);color:color-mix(in srgb, var(--color-ink) 60%, transparent)}[data-theme=dark] .tag--sapphire.svelte-oqsuc6{border-color:var(--sapphire-light);color:var(--sapphire-light)}[data-theme=dark] .tag--bubblegum.svelte-oqsuc6{border-color:var(--bubblegum-light);color:var(--bubblegum-light)}[data-theme=dark] .tag--tangerine.svelte-oqsuc6{border-color:var(--tangerine-light);color:var(--tangerine-light)}.project-kpi.svelte-oqsuc6{font-family:var(--font-mono);color:var(--color-ink);opacity:.4;margin:6px 0 0;font-size:11px}.col-image.svelte-oqsuc6{width:100%}.preview-img.svelte-oqsuc6{object-fit:cover;background:var(--color-paper);width:100%;height:120px;transition:transform var(--duration-medium) var(--ease-out-expo);border-radius:8px;display:block}.project-row.svelte-oqsuc6:hover .preview-img:where(.svelte-oqsuc6){transform:scale(1.03)}.col-arrow.svelte-oqsuc6{font-family:var(--font-display);color:var(--color-ink);transition:transform var(--duration-fast) var(--ease-out-expo);justify-content:flex-end;align-items:center;font-size:20px;display:flex}.project-row.svelte-oqsuc6:hover .col-arrow:where(.svelte-oqsuc6){transform:translate(8px)}.playground-cta.svelte-oqsuc6{margin-top:var(--space-8);background:var(--color-paper);padding:var(--space-6);border-radius:12px}.playground-cta-inner.svelte-oqsuc6{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.playground-left.svelte-oqsuc6{gap:var(--space-1);flex-direction:column;display:flex}.playground-heading.svelte-oqsuc6{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:24px;font-weight:700}.playground-body.svelte-oqsuc6{font-family:var(--font-body);color:var(--color-ink);opacity:.7;margin:0;font-size:16px}.playground-link.svelte-oqsuc6{border:1px solid color-mix(in srgb, var(--color-ink) 25%, transparent);font-family:var(--font-body);color:var(--color-ink);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo);border-radius:100px;flex-shrink:0;align-items:center;padding:10px 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.playground-link.svelte-oqsuc6:hover{background:var(--color-ink);color:var(--color-bone);border-color:var(--color-ink)}.playground-link.svelte-oqsuc6:focus-visible{outline:2px solid var(--sapphire);outline-offset:3px}@media (width<=900px){.row-inner.svelte-oqsuc6{grid-template-columns:48px 1fr 80px}.col-image.svelte-oqsuc6{display:none}}@media (width<=640px){.row-inner.svelte-oqsuc6{gap:var(--space-2);grid-template-columns:40px 1fr 36px}.playground-cta-inner.svelte-oqsuc6{flex-direction:column;align-items:flex-start}}