.projects-page.svelte-11szap8{padding:90px 10px 120px;background:linear-gradient(to bottom,#fdff96,#fdff96 25%,#fff 25%,#fff);overflow-x:hidden;min-height:60vh;max-width:100%;width:100%}.container.svelte-11szap8{width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}h1.svelte-11szap8{color:#4a5b4c;font-size:2.5rem;font-weight:500;margin-bottom:20px;text-transform:lowercase;font-family:Outfit,sans-serif;max-width:100%}.grid.svelte-11szap8{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2rem);max-width:100%}@media (max-width: 900px){.projects-page.svelte-11szap8{padding:80px 1.5rem}}@media (max-width: 768px){.projects-page.svelte-11szap8{padding:40px 1rem}.grid.svelte-11szap8{grid-template-columns:1fr}}@media (max-width: 600px){.projects-page.svelte-11szap8{padding:35px 1rem}.card.proj.svelte-11szap8{border-radius:14px}h1.svelte-11szap8{font-size:2rem}}@media (max-width: 480px){.projects-page.svelte-11szap8{padding:30px 1rem}}.card.proj.svelte-11szap8{display:block;position:relative;border-radius:18px;text-decoration:none;color:inherit;overflow:hidden;max-width:100%;transition:all .6s cubic-bezier(.4,0,.2,1)}@media (hover: hover){.card.proj.svelte-11szap8:hover{border-radius:60%;transform:scale(.95) rotate(-25deg)}.card.proj.svelte-11szap8:hover .proj__media:where(.svelte-11szap8) img:where(.svelte-11szap8),.card.proj.svelte-11szap8:hover .proj__ph:where(.svelte-11szap8){transform:rotate(25deg) scale(1.2)}}.proj__media.svelte-11szap8{margin:0;position:relative;width:100%;max-width:100%;aspect-ratio:3/2;overflow:hidden;background:#ece7e4}.proj__media.svelte-11szap8 img:where(.svelte-11szap8),.proj__ph.svelte-11szap8{width:100%;max-width:100%;height:100%;object-fit:cover;display:block;box-sizing:border-box;transition:transform .6s cubic-bezier(.4,0,.2,1)}.proj__ph.svelte-11szap8{background:#ece7e4}@media (max-width: 768px){.card.proj.svelte-11szap8:hover{border-radius:18px;transform:none}.card.proj.svelte-11szap8:hover .proj__media:where(.svelte-11szap8) img:where(.svelte-11szap8),.card.proj.svelte-11szap8:hover .proj__ph:where(.svelte-11szap8){transform:none}}.error.svelte-11szap8{color:tomato;font-size:1.2rem;text-align:center;padding:2rem}