.projects-container.svelte-rqn88j{width:100%;min-height:100vh;display:block}.projects-section.svelte-rqn88j{max-width:var(--content-max-width);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl);margin-left:auto;margin-right:auto}.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{gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.projects-project-card.svelte-rqn88j{border-radius:var(--border-radius-lg);border:1px solid var(--color-border);transition:all .3s;overflow:hidden}.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{background:var(--color-neutral);width:100%;height:200px;position:relative;overflow:hidden}.project-image.svelte-rqn88j{object-fit:cover;width:100%;height:100%;transition:transform .3s}.projects-project-card.svelte-rqn88j:hover .project-image:where(.svelte-rqn88j){transform:scale(1.08)}.tech-icon-overlay.svelte-rqn88j{opacity:0;color:var(--color-primary);background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.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{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.tech-tag.svelte-rqn88j{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);background:linear-gradient(135deg,#00c8a026,#00d9ff26);padding:.3rem .75rem;display:inline-block}.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}