.projects-page.svelte-rqn88j{padding:5rem 1.5rem}.inner.svelte-rqn88j{max-width:1200px;margin:0 auto}.page-header.svelte-rqn88j{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:2rem;margin-bottom:3rem}.page-title.svelte-rqn88j{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#f1f5f9;margin:0 0 .75rem}.page-headline.svelte-rqn88j{font-size:1.125rem;color:#94a3b8;margin:0}.section-title.svelte-rqn88j{font-size:1.25rem;font-weight:700;color:#94a3b8;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.projects-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.project-card.svelte-rqn88j{display:block;text-decoration:none;border-radius:.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:border-color .2s}.project-card.svelte-rqn88j:hover{border-color:#22d3ee4d}.project-image.svelte-rqn88j{position:relative;height:260px;overflow:hidden}.project-image.svelte-rqn88j img:where(.svelte-rqn88j){width:100%;height:100%;object-fit:cover;transition:transform .35s}.project-card.svelte-rqn88j:hover .project-image:where(.svelte-rqn88j) img:where(.svelte-rqn88j){transform:scale(1.08)}.hover-overlay.svelte-rqn88j{position:absolute;inset:0;background:#080d1ad1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .25s;text-align:center}.project-card.svelte-rqn88j:hover .hover-overlay:where(.svelte-rqn88j){opacity:1}.client.svelte-rqn88j{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#22d3ee;margin:0 0 .5rem}.hover-overlay.svelte-rqn88j h3:where(.svelte-rqn88j){font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0 0 .75rem}.tags.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center}.tag.svelte-rqn88j{background:#ffffff1a;color:#cbd5e1;font-size:.75rem;padding:.2rem .625rem;border-radius:999px}.project-body.svelte-rqn88j{padding:1.25rem}.project-title.svelte-rqn88j{font-size:1rem;font-weight:700;color:#f1f5f9;margin:.25rem 0 0}.empty.svelte-rqn88j{color:#64748b;grid-column:1/-1;text-align:center;padding:3rem}@media(max-width:900px){.projects-grid.svelte-rqn88j{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects-grid.svelte-rqn88j{grid-template-columns:1fr}}