.project-page.svelte-gygcht{padding:var(--space-2xl) 0 var(--space-4xl)}.project-nav.svelte-gygcht{margin-bottom:var(--space-xl)}.project-header.svelte-gygcht{margin-bottom:var(--space-2xl)}.project-color-bar.svelte-gygcht{width:80px;height:6px;margin-bottom:var(--space-md)}.project-header.svelte-gygcht h1:where(.svelte-gygcht){margin-bottom:var(--space-md)}.project-description.svelte-gygcht{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);max-width:700px;margin-bottom:var(--space-lg)}.project-tech.svelte-gygcht{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-screenshot-wrapper.svelte-gygcht{position:relative;display:block;padding:0;overflow:hidden;margin-bottom:var(--space-xl);text-decoration:none}.project-screenshot.svelte-gygcht{width:100%;height:auto;display:block;transition:transform .3s ease}.screenshot-overlay.svelte-gygcht{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .3s ease}.screenshot-overlay.svelte-gygcht span:where(.svelte-gygcht){color:#fff;font-size:1.25rem;font-weight:700;padding:var(--space-sm) var(--space-lg);border:3px solid white}.project-screenshot-wrapper.svelte-gygcht:hover .screenshot-overlay:where(.svelte-gygcht){opacity:1}.project-screenshot-wrapper.svelte-gygcht:hover .project-screenshot:where(.svelte-gygcht){transform:scale(1.02)}.project-footer.svelte-gygcht{display:flex;gap:var(--space-md)}