.card.svelte-17l2qb7.svelte-17l2qb7{width:30%;min-height:400px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.image.svelte-17l2qb7.svelte-17l2qb7{width:100%;height:200px;overflow:hidden;background:#f5f5f5;display:flex;justify-content:center;align-items:center;padding:20px 0}.projectImg.svelte-17l2qb7.svelte-17l2qb7{width:90%;height:100%;object-fit:contain;transition:transform .3s ease}.details.svelte-17l2qb7.svelte-17l2qb7{padding:24px;border-top:1px solid rgba(0,0,0,.08)}.cardTitle.svelte-17l2qb7.svelte-17l2qb7{font-size:1.5rem;font-weight:600;margin:0 0 12px;line-height:1.3}.cardTitle.svelte-17l2qb7 a.svelte-17l2qb7{text-decoration:none;color:#2d3436;transition:color .2s ease}.cardDes.svelte-17l2qb7.svelte-17l2qb7{font-size:1rem;line-height:1.6;color:#636e72;margin:0 0 20px}.github-link.svelte-17l2qb7.svelte-17l2qb7{display:inline-block;transition:transform .2s ease}.github.svelte-17l2qb7.svelte-17l2qb7{width:28px;height:28px}@media only screen and (max-width: 1024px){.card.svelte-17l2qb7.svelte-17l2qb7{width:100%;max-width:500px;margin:0 auto 30px;min-height:350px}.image.svelte-17l2qb7.svelte-17l2qb7{height:180px}.projectImg.svelte-17l2qb7.svelte-17l2qb7{width:80%}}@media only screen and (max-width: 400px){.card.svelte-17l2qb7.svelte-17l2qb7{min-height:300px}.image.svelte-17l2qb7.svelte-17l2qb7{height:160px}.cardTitle.svelte-17l2qb7.svelte-17l2qb7{font-size:1.3rem}.cardDes.svelte-17l2qb7.svelte-17l2qb7{font-size:.9rem}}.container.svelte-1739328{display:flex;justify-content:center;width:calc(100% - 350px);box-sizing:border-box;position:absolute;top:0;right:0;padding:0 40px;min-height:100vh;background-color:#f9f9f9}.containerWrapper.svelte-1739328{max-width:1240px;padding:80px 0}.pageTitle.svelte-1739328{font-size:18px;font-weight:700;letter-spacing:5px;text-transform:uppercase;margin-bottom:70px}.projects.svelte-1739328{display:flex;gap:25px;flex-wrap:wrap;box-sizing:border-box}@media only screen and (max-width: 1600px){.containerWrapper.svelte-1739328{max-width:968px}}@media only screen and (max-width: 1024px){.container.svelte-1739328{display:block;width:100%;padding:0 40px}.containerWrapper.svelte-1739328{width:100%;padding:40px 0}.pageTitle.svelte-1739328{margin-bottom:50px}.projects.svelte-1739328{display:flex;flex-direction:column}}