.project-filter-view.svelte-hvis0s{display:flex;flex-direction:column;gap:var(--space-xl);scroll-margin-top:calc(var(--nav-height, 72px) + 24px)}.filter-pills.svelte-hvis0s{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-xs);background-color:var(--color-surface-card);padding:6px;border-radius:var(--radius-full);border:1px solid var(--color-hairline);max-width:fit-content;margin-inline:auto;box-shadow:var(--shadow-subtle)}.filter-pill.svelte-hvis0s{padding:10px 22px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--color-ink-muted);border:none;background:transparent;cursor:pointer;transition:all .2s ease}.filter-pill.svelte-hvis0s:hover{color:var(--color-ink-strong);background-color:var(--color-canvas-warm)}.filter-pill.active.svelte-hvis0s{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #0d94884d}.projects-grid.svelte-hvis0s{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.project-card.svelte-hvis0s{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);border-radius:var(--radius-2xl);transition:all .25s ease}.project-card.svelte-hvis0s:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--color-hairline-strong)}.project-card__header.svelte-hvis0s{display:flex;flex-direction:column;gap:var(--space-xs)}.project-title.svelte-hvis0s{color:var(--color-ink-strong)}.project-headline.svelte-hvis0s{color:var(--color-primary-dark);font-size:15px;line-height:1.4}.project-story.svelte-hvis0s{color:var(--color-ink-body);font-size:14px;line-height:1.6}.project-tags.svelte-hvis0s{display:flex;flex-wrap:wrap;gap:6px}.project-tag.svelte-hvis0s{font-family:var(--font-mono);font-size:11px;background-color:var(--color-canvas-warm);color:var(--color-ink-muted);padding:3px 8px;border-radius:6px}.project-card__mockup.svelte-hvis0s{margin-top:4px}.browser-mock-link.svelte-hvis0s{text-decoration:none;display:block;cursor:pointer;border-radius:var(--radius-xl);overflow:hidden}.browser-mock.svelte-hvis0s{background-color:#071b22;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:0 10px 24px #04121740;transition:all .25s ease}.browser-mock-link.svelte-hvis0s:hover .browser-mock:where(.svelte-hvis0s){border-color:var(--color-turquoise-highlight);box-shadow:0 16px 36px #0d948840;transform:translateY(-2px)}.browser-mock__chrome.svelte-hvis0s{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;background-color:#051419;border-bottom:1px solid rgba(255,255,255,.08)}.pebble-dots.svelte-hvis0s{display:flex;gap:5px;flex-shrink:0}.pebble-dot.svelte-hvis0s{width:8px;height:8px;border-radius:50%}.pebble-dot--amber.svelte-hvis0s{background-color:var(--color-interactive-amber)}.pebble-dot--turquoise.svelte-hvis0s{background-color:var(--color-turquoise-highlight)}.pebble-dot--cyan.svelte-hvis0s{background-color:var(--color-interactive-accent)}.browser-mock__url.svelte-hvis0s{font-family:var(--font-mono);font-size:10px;color:var(--color-inverse-ink-muted);background-color:#ffffff0f;padding:2px 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.browser-mock__lock.svelte-hvis0s{color:var(--color-turquoise-highlight);flex-shrink:0}.browser-mock__badge.svelte-hvis0s{font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--color-turquoise-highlight);background:#2dd4bf1f;border:1px solid rgba(45,212,191,.3);padding:1px 5px;border-radius:4px;flex-shrink:0}.browser-mock__viewport.svelte-hvis0s{position:relative;height:190px;background-color:#0b252e;overflow:hidden}.preview-iframe-box.svelte-hvis0s{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fbf7f0;overflow:hidden}.preview-iframe.svelte-hvis0s{position:absolute;top:0;left:0;width:260%;height:520px;border:none;transform:scale(.3846);transform-origin:0 0;pointer-events:none}.mini-preview.svelte-hvis0s{width:100%;height:100%;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.mini-preview--verein.svelte-hvis0s{background:linear-gradient(145deg,#09221c,#051410);color:#e6f7f2}.mini-preview__top.svelte-hvis0s{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}.mini-brand.svelte-hvis0s{font-family:var(--font-display);font-size:11px;font-weight:700}.mini-sub.svelte-hvis0s{font-family:var(--font-mono);font-size:10px;color:var(--color-turquoise-highlight)}.mini-preview__body.svelte-hvis0s{display:flex;flex-direction:column;gap:4px}.mini-chip.svelte-hvis0s{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;color:var(--color-interactive-amber)}.mini-title.svelte-hvis0s{font-size:13px;font-weight:700;line-height:1.3;color:#fff;margin:0}.browser-mock__overlay.svelte-hvis0s{position:absolute;inset:0;background:#04121773;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.browser-mock-link.svelte-hvis0s:hover .browser-mock__overlay:where(.svelte-hvis0s){opacity:1}.preview-hover-tag.svelte-hvis0s{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:12px;font-weight:700;color:var(--color-inverse-ink);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:6px 14px;border-radius:var(--radius-full);box-shadow:0 4px 14px #0d948859;transform:translateY(3px);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.browser-mock-link.svelte-hvis0s:hover .preview-hover-tag:where(.svelte-hvis0s){transform:translateY(0);background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);color:#fff;box-shadow:0 6px 18px #0d948873}.project-card__footer.svelte-hvis0s{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:var(--space-xs)}.project-btn.svelte-hvis0s{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:600}.project-btn--primary.svelte-hvis0s{background-color:var(--color-primary);color:#fff}.project-btn--primary.svelte-hvis0s:hover{background-color:var(--color-primary-dark)}.project-btn--secondary.svelte-hvis0s{border-color:var(--color-hairline-strong);color:var(--color-ink-strong)}@media(max-width:1024px){.projects-grid.svelte-hvis0s{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.filter-pills.svelte-hvis0s{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px;background-color:transparent;border:none;box-shadow:none;padding:0;border-radius:0}.filter-pill.svelte-hvis0s{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:14px;font-weight:600;border-radius:var(--radius-lg);background-color:var(--color-surface-card);border:1.5px solid var(--color-hairline);color:var(--color-ink-body);box-shadow:var(--shadow-subtle);white-space:normal}.filter-pill.active.svelte-hvis0s{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 14px #0d948847}.projects-grid.svelte-hvis0s{grid-template-columns:1fr;gap:var(--space-md)}.project-card.svelte-hvis0s{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-xl);gap:var(--space-sm)}}