.projects-wrapper.svelte-rqn88j{background:radial-gradient(circle at top left,#1a1a1a,#000);min-height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start}.projects-page.svelte-rqn88j{color:#fff;padding:4rem 1.5rem;max-width:1200px;width:100%;margin:0 auto}.intro.svelte-rqn88j{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:2rem;gap:1rem}.intro.svelte-rqn88j h2:where(.svelte-rqn88j){font-size:3rem;font-weight:700;color:#f7cc4b;margin-bottom:.5rem}.intro.svelte-rqn88j p:where(.svelte-rqn88j){opacity:.9;line-height:1.6;font-size:1rem;max-width:600px}.view-all.svelte-rqn88j{border:1px solid #f7cc4b;color:#f7cc4b;border-radius:999px;padding:.6rem 1.5rem;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .3s}.view-all.svelte-rqn88j:hover{background:#f7cc4b;color:#000}.grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:220px;gap:1rem}.card.svelte-rqn88j{position:relative;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;background:#222}.card.svelte-rqn88j img:where(.svelte-rqn88j){width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card.svelte-rqn88j:hover img:where(.svelte-rqn88j){transform:scale(1.05)}.overlay.svelte-rqn88j{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.overlay.svelte-rqn88j h3:where(.svelte-rqn88j){font-size:1.25rem;margin:0 0 .3rem}.overlay.svelte-rqn88j .tag:where(.svelte-rqn88j){font-size:.9rem;opacity:.85}.card-1.svelte-rqn88j{grid-column:span 6;grid-row:span 2}.card-2.svelte-rqn88j,.card-3.svelte-rqn88j,.card-4.svelte-rqn88j,.card-5.svelte-rqn88j{grid-column:span 3}@media(max-width:900px){.grid.svelte-rqn88j{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.card-1.svelte-rqn88j{grid-column:span 2;grid-row:span 1}}@media(max-width:600px){.grid.svelte-rqn88j{grid-template-columns:1fr;grid-auto-rows:200px}.card-1.svelte-rqn88j,.card-2.svelte-rqn88j,.card-3.svelte-rqn88j,.card-4.svelte-rqn88j,.card-5.svelte-rqn88j{grid-column:span 1}}