.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.active.pill--sapphire.svelte-oqsuc6{background:var(--sapphire-dark);border-color:var(--sapphire-dark);color:#fff}.filter-pill.active.pill--bubblegum.svelte-oqsuc6{background:var(--bubblegum-dark);border-color:var(--bubblegum-dark);color:#fff}.filter-pill.active.pill--tangerine.svelte-oqsuc6{background:var(--tangerine-dark);border-color:var(--tangerine-dark);color:#fff}[data-theme=dark] .filter-pill.active.pill--sapphire.svelte-oqsuc6{background:var(--sapphire);border-color:var(--sapphire);color:#fff}[data-theme=dark] .filter-pill.active.pill--bubblegum.svelte-oqsuc6{background:var(--bubblegum);border-color:var(--bubblegum);color:#fff}[data-theme=dark] .filter-pill.active.pill--tangerine.svelte-oqsuc6{background:var(--tangerine);border-color:var(--tangerine);color:#fff}.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:340px;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;visibility:hidden;max-height:0;transition:max-height var(--duration-medium) var(--ease-out-expo), opacity var(--duration-fast) var(--ease-out-expo), visibility 0s var(--duration-medium);border-bottom-width:0}.project-row.svelte-oqsuc6{text-decoration:none;display:block;position:relative}.project-row.svelte-oqsuc6:focus-visible{outline:2px solid var(--sapphire);outline-offset:-2px}.project-cursor-label.svelte-oqsuc6{pointer-events:none;opacity:0;white-space:nowrap;z-index:10;background:var(--color-ink);color:var(--color-bone);font-family:var(--font-mono);font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);transition:opacity var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-out-back);border-radius:100px;align-items:center;gap:6px;padding:8px 18px;display:inline-flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.82)}.cursor-label-arrow.svelte-oqsuc6{fill:currentColor;flex-shrink:0;width:14px;height:14px}.project-row.svelte-oqsuc6:hover .project-cursor-label:where(.svelte-oqsuc6){opacity:1;transform:translate(-50%,-50%)scale(1)}.row-inner.svelte-oqsuc6{gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-2);transition:border-left-color var(--duration-medium) var(--ease-out-expo), padding-left var(--duration-medium) var(--ease-out-expo);background:0 0;border-left:2px solid #0000;grid-template-columns:48px 1fr 280px 80px;align-items:center;display:grid}.project-row.svelte-oqsuc6:hover .row-inner:where(.svelte-oqsuc6){border-left-color:var(--color-ink);padding-left:var(--space-3)}.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);margin:4px 0 8px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.1}.project-summary.svelte-oqsuc6{font-family:var(--font-body);color:var(--color-ink);opacity:.7;-webkit-line-clamp:2;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) 15%, transparent);font-family:var(--font-body);white-space:nowrap;background:0 0;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.tag--sapphire.svelte-oqsuc6{border-color:color-mix(in srgb, var(--sapphire-dark) 55%, transparent);color:var(--sapphire-dark)}.tag--bubblegum.svelte-oqsuc6{border-color:color-mix(in srgb, var(--bubblegum-dark) 55%, transparent);color:var(--bubblegum-dark)}.tag--tangerine.svelte-oqsuc6{border-color:color-mix(in srgb, var(--tangerine-dark) 55%, transparent);color:var(--tangerine-dark)}.tag--default.svelte-oqsuc6{border-color:color-mix(in srgb, var(--color-ink) 20%, transparent);color:color-mix(in srgb, var(--color-ink) 50%, transparent)}[data-theme=dark] .tag--sapphire.svelte-oqsuc6{border-color:color-mix(in srgb, var(--sapphire-light) 55%, transparent);color:var(--sapphire-light)}[data-theme=dark] .tag--bubblegum.svelte-oqsuc6{border-color:color-mix(in srgb, var(--bubblegum-light) 55%, transparent);color:var(--bubblegum-light)}[data-theme=dark] .tag--tangerine.svelte-oqsuc6{border-color:color-mix(in srgb, var(--tangerine-light) 55%, transparent);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-wrap.svelte-oqsuc6,.preview-placeholder.svelte-oqsuc6{aspect-ratio:4/3;border-radius:8px;width:100%;overflow:hidden}.preview-placeholder.svelte-oqsuc6{background:var(--color-paper)}.preview-img-wrap.svelte-oqsuc6 picture{width:100%;height:100%;display:block}.preview-img-wrap.svelte-oqsuc6 img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-medium) var(--ease-out-expo);display:block}@media (prefers-reduced-motion:no-preference){.project-row.svelte-oqsuc6:hover .preview-img-wrap:where(.svelte-oqsuc6) img{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,.project-cursor-label.svelte-oqsuc6{display:none}}@media (width<=640px){.row-inner.svelte-oqsuc6{gap:var(--space-2);grid-template-columns:40px 1fr 36px}.row-wrapper.svelte-oqsuc6{max-height:380px}.playground-cta-inner.svelte-oqsuc6{flex-direction:column;align-items:flex-start}}