.projects:where(.astro-2hwget37){padding:1rem;background-color:var(--bg-color)}.projects-container:where(.astro-2hwget37){width:85%;margin:0 auto;text-align:center}.section-title:where(.astro-2hwget37){font-size:1.5rem;margin-bottom:1.5rem;font-weight:600;color:var(--text-color)}.projects-grid:where(.astro-2hwget37){display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3.5rem;justify-content:center;width:100%}.project-card:where(.astro-2hwget37){background-color:var(--bg-secondary, var(--bg-muted));border-radius:10px;font-family:Raleway,sans-serif;border:1px solid var(--border-color, transparent);box-shadow:0 4px 10px #0000000d;overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;transform:translateY(20px)}.project-card:where(.astro-2hwget37):hover{transform:translateY(-5px) scale(1.01);box-shadow:0 10px 25px #00000014;border-color:var(--clr-accent, var(--text-color))}.project-header:where(.astro-2hwget37){position:relative;background-color:var(--bg-muted);line-height:0}.project-image-link:where(.astro-2hwget37){display:block;position:relative;outline:none}.project-image:where(.astro-2hwget37){display:block;height:220px;width:100%;object-fit:cover;transition:opacity .3s ease;border-bottom:1px solid var(--border-color, transparent)}.project-image-overlay:where(.astro-2hwget37){position:absolute;inset:0;background-color:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:background-color .3s ease,opacity .3s ease;pointer-events:none}.project-card:where(.astro-2hwget37):hover .project-image-overlay:where(.astro-2hwget37){opacity:1;background-color:#0f0f0fb2}.overlay-icon:where(.astro-2hwget37){color:#fff;opacity:.8;transform:scale(.8);transition:transform .3s ease,opacity .3s ease}.project-image-link:where(.astro-2hwget37):hover .project-image-overlay:where(.astro-2hwget37),.project-image-link:where(.astro-2hwget37):focus-visible .project-image-overlay:where(.astro-2hwget37){background-color:#00000080;opacity:1}.project-image-link:where(.astro-2hwget37):hover .overlay-icon:where(.astro-2hwget37),.project-image-link:where(.astro-2hwget37):focus-visible .overlay-icon:where(.astro-2hwget37){transform:scale(1);opacity:1}.project-image-link:where(.astro-2hwget37):hover .project-image:where(.astro-2hwget37),.project-image-link:where(.astro-2hwget37):focus-visible .project-image:where(.astro-2hwget37){opacity:.85}.project-image-link:where(.astro-2hwget37):focus-visible{box-shadow:0 0 0 3px var(--clr-focus-ring, var(--clr-accent, #4a90e2))}.project-body:where(.astro-2hwget37){padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-title:where(.astro-2hwget37){font-size:1.3rem;font-weight:600;color:var(--text-color);margin:0 0 .75rem;line-height:1.3}.project-title:where(.astro-2hwget37) a:where(.astro-2hwget37){color:inherit;text-decoration:none;transition:color .2s ease;outline:none}.project-title:where(.astro-2hwget37) a:where(.astro-2hwget37):hover,.project-title:where(.astro-2hwget37) a:where(.astro-2hwget37):focus-visible{color:var(--clr-accent, var(--clr-2));text-decoration:underline;text-decoration-thickness:1.5px}.project-title:where(.astro-2hwget37) a:where(.astro-2hwget37):focus-visible{border-radius:2px;box-shadow:0 0 0 2px var(--clr-focus-ring, var(--clr-accent, #4a90e2))}.project-description:where(.astro-2hwget37){font-size:.95rem;color:var(--text-light);line-height:1.6;margin:0;flex-grow:1;opacity:.9}@media (max-width: 768px){.projects:where(.astro-2hwget37){padding:4rem 1rem}.section-title:where(.astro-2hwget37){font-size:2rem;margin-bottom:3rem}.projects-grid:where(.astro-2hwget37){grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-image:where(.astro-2hwget37){height:180px}.project-title:where(.astro-2hwget37){font-size:1.2rem}.project-description:where(.astro-2hwget37){font-size:.9rem;opacity:1}.btn:where(.astro-2hwget37).project-btn{padding:.5rem 1rem;font-size:.85rem}.btn:where(.astro-2hwget37).view-more-btn{padding:.7rem 1.5rem;font-size:.95rem}}@media (max-width: 480px){.projects-grid:where(.astro-2hwget37){grid-template-columns:1fr}}