.projects{margin-top:4rem;text-align:center;padding:0 1rem}.projects h1{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,2vw,1.5rem);max-width:1400px;margin:0 auto;padding:0 .5rem}.project-card{background-color:#1e293b;padding:clamp(1.25rem,3vw,2rem);border-radius:clamp(12px,2vw,16px);box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);text-align:left;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.project-card:before{content:"";position:absolute;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.project-card:hover:before{transform:scaleX(1)}.project-card h2{color:#f8fafc;margin-bottom:.75rem;font-size:clamp(1.1rem,2.5vw,1.25rem);font-weight:600;line-height:1.4}.project-card p{color:#94a3b8;margin-bottom:1.5rem;font-size:clamp(.875rem,2vw,.95rem);line-height:1.6}.project-card a{display:inline-block;background-color:#3b82f6;color:#fff;padding:clamp(.5rem,1.5vw,.625rem) clamp(1rem,2.5vw,1.25rem);border-radius:8px;font-weight:500;font-size:clamp(.85rem,2vw,.9rem);text-decoration:none;transition:all .2s ease;box-shadow:0 2px 4px rgba(59,130,246,.3)}.project-card a:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px rgba(59,130,246,.4)}.project-card a:active{transform:translateY(0)}@media (max-width:480px){.projects{margin-top:2.5rem;padding:0 .75rem}.project-grid{grid-template-columns:1fr;gap:1rem}.project-card a{width:100%;text-align:center}}@media (min-width:481px) and (max-width:767px){.project-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}}@media (min-width:768px) and (max-width:1024px){.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (min-width:1025px) and (max-width:1280px){.project-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1281px){.project-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (hover:none) and (pointer:coarse){.project-card:hover{transform:none}.project-card:active{transform:scale(.98)}.project-card a{min-height:44px}}@media (prefers-reduced-motion:reduce){.project-card,.project-card a,.project-card:before{transition:none}.project-card:hover{transform:none}}