.projects-page.svelte-rqn88j{padding:0 0 80px}.breadcrumb.svelte-rqn88j{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);margin:24px 0}.breadcrumb.svelte-rqn88j a:where(.svelte-rqn88j){color:var(--text-muted);transition:var(--transition)}.breadcrumb.svelte-rqn88j a:where(.svelte-rqn88j):hover{color:var(--primary)}.page-title.svelte-rqn88j{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:40px}.projects-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card.svelte-rqn88j{border-radius:12px;overflow:hidden;text-decoration:none;display:block}.project-image.svelte-rqn88j{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-secondary)}.project-image.svelte-rqn88j img:where(.svelte-rqn88j){width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card.svelte-rqn88j:hover .project-image:where(.svelte-rqn88j) img:where(.svelte-rqn88j){transform:scale(1.05)}.no-image.svelte-rqn88j{width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.project-overlay.svelte-rqn88j{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 60%);display:flex;align-items:flex-end;padding:20px;transition:var(--transition)}.project-info.svelte-rqn88j h3:where(.svelte-rqn88j){color:#fff;font-size:17px;font-weight:600;margin-bottom:4px}.project-info.svelte-rqn88j p:where(.svelte-rqn88j){color:#ffffffbf;font-size:13px}.pagination.svelte-rqn88j{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:48px}.page-btn.svelte-rqn88j{padding:10px 24px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;font-size:14px;cursor:pointer;transition:var(--transition);color:var(--text)}.page-btn.svelte-rqn88j:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn.svelte-rqn88j:disabled{opacity:.4;cursor:not-allowed}.page-info.svelte-rqn88j{font-size:14px;color:var(--text-muted)}.empty.svelte-rqn88j{text-align:center;padding:80px 0;color:var(--text-muted)}@media(max-width:1024px){.projects-grid.svelte-rqn88j{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.projects-grid.svelte-rqn88j{grid-template-columns:1fr}}@media(max-width:480px){.projects-grid.svelte-rqn88j{gap:12px}}
