.projects-grid{max-width:1200px;margin:0 auto;padding:0 30px}.projects-grid .project-row{gap:24px;margin-bottom:24px;display:flex}@media (max-width:800px){.projects-grid{padding:0}.projects-grid .project-row{flex-direction:column;gap:0;margin-bottom:0}}@media (max-width:600px) and (orientation:portrait){.projects-grid{padding:0}}
.project{font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border-radius:12px;flex:1;transition:box-shadow .3s,transform .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.project:hover{transform:translateY(-4px);box-shadow:0 10px 25px -3px #0000001a}.project .content-container{height:100%;position:relative}.project .content-container .image-container{cursor:pointer;height:100%}.project .content-container .image-container .image{object-fit:cover;width:100%;height:100%;display:block}.project .content-container .hover-container{z-index:100;visibility:hidden;opacity:0;color:#fff;background-color:#1e293be6;flex-direction:column;justify-content:center;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0;overflow:auto}.project .content-container .hover-container .project-name{visibility:hidden;margin-top:0;margin-bottom:4px;font-size:26px;font-weight:700}.project .content-container .hover-container .project-client{visibility:hidden;color:#ffffffb3;font-size:14px}.project .content-container .hover-container .project-description{visibility:hidden;margin-top:16px;margin-bottom:16px;font-size:14px;line-height:1.6}.project .content-container .hover-container .project-skills{visibility:hidden;color:#fffc;font-size:13px}.project .content-container .hover-container .project-skills .techno-title{font-weight:600}@media (max-width:800px){.project{width:100%;margin-bottom:32px}}