.projectCell{display:flex;flex-direction:column;background-color:#fff;border-radius:var(--corner-radius);box-shadow:0 4px 8px #0000001a,inset 0 2px 4px #0000000d;overflow:hidden;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out;max-width:400px;min-width:350px}.projectCell:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026,inset 0 2px 4px #0000000d}.projectCell .imageContainer{position:relative;height:250px;overflow:hidden}.projectCell .projectImage{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out}.projectCell:hover .projectImage{transform:scale(1.05)}.projectCell .contentContainer{display:flex;flex-direction:column;padding:20px;gap:15px}.projectCell .projectTitle{font-size:1.5rem;font-weight:700;color:#1a1a1a;line-height:1.3}.projectCell .projectDescription{font-size:1rem;color:#666;line-height:1.5;margin-bottom:5px}.projectCell .tagsContainer{display:flex;flex-wrap:wrap;gap:8px}.projectCell .projectTag{background-color:#f3f4f6;color:#4b5563;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:500;white-space:nowrap}.projectCell .linkContainer{display:flex;align-items:center;gap:8px;margin-top:auto}.projectCell .projectLink{color:#2563eb;text-decoration:none;font-weight:600;font-size:1rem;transition:color .2s ease-out}.projectCell .projectLink:hover{color:#1d4ed8}.projectCell .smallChevron{width:16px;height:16px;transition:transform .2s ease-out}.projectCell:hover .smallChevron{transform:translate(4px)}@media (max-width: 840px){.projectCell{min-width:300px;max-width:350px}.projectCell .imageContainer{height:200px}.projectCell .contentContainer{padding:15px;gap:12px}.projectCell .projectTitle{font-size:1.3rem}.projectCell .projectDescription{font-size:.9rem}}.projects-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;max-width:1200px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;padding:40px 0;justify-items:center;width:100%}@media (max-width: 840px){.projects-grid{grid-template-columns:1fr;gap:30px;padding:30px 0}}@media (max-width: 480px){.projects-grid{gap:20px;padding:20px 0}}