.work-grid.svelte-19e7lf1{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 640px){.work-grid.svelte-19e7lf1{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.work-grid.svelte-19e7lf1{grid-template-columns:repeat(3,1fr)}}.work-card.svelte-19e7lf1{position:relative;width:100%;height:24rem;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px var(--shadow-color);display:block}.card-image.svelte-19e7lf1{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card.svelte-19e7lf1:hover .card-image:where(.svelte-19e7lf1){transform:scale(1.1)}.card-overlay.svelte-19e7lf1{position:absolute;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;transition:background-color .3s}.work-card.svelte-19e7lf1:hover .card-overlay:where(.svelte-19e7lf1){background-color:#000000b3}.card-name.svelte-19e7lf1{font-size:2.25rem;color:#fff;font-weight:700;opacity:0;transform:translateY(1rem);transition:opacity .3s,transform .3s}.work-card.svelte-19e7lf1:hover .card-name:where(.svelte-19e7lf1){opacity:1;transform:translateY(0)}