.card.svelte-oviq8z{--chip-default:var(--agency-background);background:var(--agency-surface);border:1px solid var(--agency-border);border-radius:var(--radius-panel);height:100%;transition:transform .18s}.card.svelte-oviq8z:hover,.card.svelte-oviq8z:focus-within{border-color:var(--agency-accent);transform:translateY(-2px)}.cardLink.svelte-oviq8z{border-radius:inherit;flex-direction:column;height:100%;display:flex}.imageFrame.svelte-oviq8z{background:var(--agency-background);border-bottom:1px solid var(--agency-border);aspect-ratio:16/10;border-radius:var(--radius-panel) var(--radius-panel) 0 0;overflow:hidden}.imageFrame.svelte-oviq8z img:where(.svelte-oviq8z){object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.imagePlaceholder.svelte-oviq8z{background:var(--agency-surface);justify-content:center;align-items:center;height:100%;display:flex}.imagePlaceholder.svelte-oviq8z span:where(.svelte-oviq8z){color:var(--agency-accent);font-family:var(--display-font-family);font-size:4rem}.cardContent.svelte-oviq8z{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.client.svelte-oviq8z{color:var(--agency-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8125rem;font-weight:500}.projectTitle.svelte-oviq8z{letter-spacing:var(--tracking-heading);margin:0 0 .75rem;font-size:1.5rem;font-weight:500;line-height:1.2}.summary.svelte-oviq8z{color:var(--agency-muted);letter-spacing:0;font-size:1rem;line-height:var(--leading-body);margin-bottom:1rem}.skills.svelte-oviq8z{flex-wrap:wrap;margin-bottom:.75rem;display:flex}.viewProject.svelte-oviq8z{color:var(--agency-accent);align-items:center;gap:.375rem;margin-top:auto;font-weight:500;display:inline-flex}@media (prefers-reduced-motion:reduce){.card.svelte-oviq8z{transition:none}.card.svelte-oviq8z:hover,.card.svelte-oviq8z:focus-within{transform:none}}.projectsGrid.svelte-1tes396{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}@media (width>=768px){.projectsGrid.svelte-1tes396{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.projectsGrid.svelte-1tes396{grid-template-columns:repeat(3,minmax(0,1fr))}}