.projects-container.svelte-rqn88j{width:100%;display:block;min-height:100vh}.projects-section.svelte-rqn88j{max-width:var(--content-max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.container.svelte-rqn88j{width:100%}.projects-header-group.svelte-rqn88j{margin-bottom:var(--spacing-3xl);text-align:center}.section-title.svelte-rqn88j{font-size:var(--font-size-3xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0}.section-subtitle.svelte-rqn88j{font-size:var(--font-size-lg);color:var(--color-on-surface);opacity:.85;margin:0}.projects-projects-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-2xl)}.projects-project-card.svelte-rqn88j{border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:all .3s ease}.projects-project-card.svelte-rqn88j:hover{border-color:var(--color-primary);box-shadow:var(--shadow-level-2);transform:translateY(-8px)}.projects-card-media.svelte-rqn88j{position:relative;width:100%;height:200px;overflow:hidden;background:var(--color-neutral)}.project-image.svelte-rqn88j{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.projects-project-card.svelte-rqn88j:hover .project-image:where(.svelte-rqn88j){transform:scale(1.08)}.tech-icon-overlay.svelte-rqn88j{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:var(--color-primary)}.projects-project-card.svelte-rqn88j:hover .tech-icon-overlay:where(.svelte-rqn88j){opacity:1}.projects-card-content.svelte-rqn88j{padding:var(--spacing-lg)}.tag-row.svelte-rqn88j{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.tech-tag.svelte-rqn88j{display:inline-block;padding:.3rem .75rem;background:linear-gradient(135deg,#00c8a026,#00d9ff26);border:1px solid var(--color-primary);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium)}.project-name.svelte-rqn88j{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0}.project-description.svelte-rqn88j{font-size:var(--font-size-sm);line-height:var(--line-height-body);color:var(--color-on-surface);opacity:.8;margin:0}