.projects-section{padding:clamp(4rem,8vw,6rem) 0 clamp(1.5rem,3vw,2.5rem);background:linear-gradient(135deg,#f8fafc,#f1f5f9);text-align:center;border-top:1px solid var(--neutral-200);border-bottom:1px solid var(--neutral-200)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));grid-gap:clamp(1.5rem,4vw,2rem);gap:clamp(1.5rem,4vw,2rem);max-width:min(75rem,90%);margin:clamp(2rem,4vw,3rem) auto;align-items:stretch}.project-card{background:white;border-radius:var(--radius-xl);padding:clamp(1.5rem,3vw,2rem);border:1px solid var(--neutral-200);box-shadow:var(--shadow-md);position:relative;text-align:left;transition:all var(--transition-normal);overflow:hidden;display:flex;flex-direction:column;height:100%}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal);transform-origin:left}.project-card:hover{transform:translateY(-.5rem);box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.project-card:hover:before{transform:scaleX(1)}.project-card-content{display:flex;flex-direction:column;flex:1 1;height:100%}.project-card-main{flex:1 1;display:flex;flex-direction:column}.project-image-container{width:100%;height:200px;margin-bottom:clamp(.75rem,2vw,1rem);border-radius:var(--radius-lg);overflow:hidden;background:var(--neutral-50);display:flex;align-items:center;justify-content:center;position:relative}.project-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.project-card:hover .project-image{transform:scale(1.05)}.project-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--neutral-400);background:linear-gradient(135deg,var(--neutral-50) 0,var(--neutral-100) 100%);border:2px dashed var(--neutral-200);border-radius:var(--radius-lg)}.placeholder-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.6}.placeholder-text{font-size:.875rem;font-weight:500;color:var(--neutral-500);font-family:var(--font-heading)}.project-category{display:inline-block;padding:clamp(.25rem,.75vw,.375rem) clamp(.5rem,1.5vw,.75rem);background:var(--primary-100);color:var(--primary-700);font-size:clamp(.7rem,1.5vw,.75rem);border-radius:var(--radius-md);margin-bottom:clamp(.75rem,2vw,1rem);text-transform:uppercase;letter-spacing:.05em}.project-category,.project-title{font-weight:700;font-family:var(--font-heading)}.project-title{font-size:clamp(1.1rem,2.5vw,1.25rem);color:var(--neutral-900);margin-bottom:clamp(.5rem,1.5vw,.75rem);line-height:1.3}.project-description{font-family:var(--font-primary);color:var(--neutral-600);line-height:1.6;margin-bottom:clamp(.75rem,2vw,1rem);font-size:clamp(.875rem,2vw,1rem);font-weight:500}.project-tech{display:flex;flex-wrap:wrap;gap:clamp(.375rem,1vw,.5rem);margin-bottom:clamp(1rem,2.5vw,1.5rem)}.tech-tag{padding:clamp(.25rem,.75vw,.375rem) clamp(.375rem,1vw,.5rem);background:var(--primary-50);color:var(--primary-700);font-family:var(--font-heading);font-size:clamp(.7rem,1.5vw,.75rem);border-radius:var(--radius-sm);font-weight:600;letter-spacing:.025em;border:1px solid var(--primary-200);transition:all var(--transition-normal)}.tech-tag:hover{background:var(--primary-100);border-color:var(--primary-300)}.project-link{display:inline-flex;align-items:center;gap:clamp(.25rem,.75vw,.375rem);color:var(--primary-600);font-weight:600;font-size:clamp(.875rem,2vw,.9rem);font-family:var(--font-heading);transition:all var(--transition-normal);padding:clamp(.375rem,1vw,.5rem) 0;margin-top:auto;align-self:flex-start}.project-link:hover{color:var(--primary-700);transform:translateX(.25rem)}.project-link i{font-size:1em;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;font-style:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:transform var(--transition-normal)}.project-link:hover i{transform:translateX(.125rem)}.project-link:visited{color:var(--primary-600)!important}.projects-cta{text-align:center;margin-top:clamp(1rem,2.5vw,1.5rem)}@media (max-width:48rem){.projects-grid{grid-template-columns:1fr;gap:clamp(1.25rem,3vw,1.5rem)}.project-card{padding:clamp(1.25rem,2.5vw,1.5rem);text-align:center}.project-image-container{height:180px}.project-tech{justify-content:center}}@media (max-width:30rem){.project-card{padding:clamp(1rem,2vw,1.25rem)}.project-image-container{height:160px}.placeholder-icon{font-size:2rem}.placeholder-text{font-size:.8rem}}@media (max-width:20rem){.project-card{padding:clamp(.75rem,1.5vw,1rem)}.project-image-container{height:140px}.placeholder-icon{font-size:1.75rem}.placeholder-text{font-size:.75rem}}