.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));grid-gap:2rem;gap:2rem;justify-content:center;margin-bottom:68px;animation:CardAnimation .8s ease forwards;overflow:hidden}@keyframes CardAnimation{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.project-card{width:100%;overflow:hidden;display:flex;flex-direction:column;gap:14px}.project-card:hover{img{filter:grayscale(100)}}.project-card img{width:100%;height:340px;object-fit:cover;display:block;border-radius:12px;transition:all .3s ease-in-out}.text-label-card{display:flex;align-items:center;width:100%;justify-content:space-between;h3{margin-top:1px;font-size:1rem;font-weight:400;display:inline-block;max-width:10ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.skills{max-width:30ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.new-label,.skills{display:inline-block}.new-label{background:#ffffff10;color:#ffffff;font-weight:600;border-radius:6px;padding:6px;font-size:.65rem;font-weight:400}.project-card .skills{font-size:.9rem;color:#666}@keyframes fadeBlurIn{0%{background-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes popupIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.popup-overlay{z-index:49!important;position:fixed;top:0;left:0;width:100%;height:100%;animation:fadeBlurIn .4s ease forwards;display:flex;justify-content:center;align-items:center;padding:1rem;overflow-y:auto;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.popup-content{background:#fff;max-width:80%;width:100%;height:80%;border-radius:16px;padding:14px;position:relative;animation:popupIn .3s ease forwards;transform-origin:center;display:flex;flex-direction:column;align-items:end;gap:18px}.pop-cont{display:flex;align-items:start;width:100%;height:100%;gap:34px}.popup-context-text{display:flex;flex-direction:column;width:50%;height:100%;justify-content:space-between}.close-button{border:none;background:#eee;border-radius:50%;width:32px;height:32px;font-weight:700;transition:background-color .2s ease}.close-button:hover{background-color:#ddd}.popup-container-texts{display:flex;flex-direction:column;align-items:start;gap:8px}.popup-text-ove{display:flex;align-items:center;gap:12px}.popup-title{font-size:4rem;font-weight:400}.popup-description{font-size:.8rem;color:#444;margin-bottom:1rem}.popup-skills{display:flex;align-items:center;gap:4px}.skill{border-radius:12px;font-size:.85rem;color:#ffffff50}.image-grid{display:flex;flex-direction:column;align-items:start;gap:1rem;justify-content:start;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;touch-action:pan-y;border-radius:14px}.image-grid::-webkit-scrollbar{display:none}.popup-image{border-radius:12px;object-fit:cover;width:100%;height:auto}.close-button-popup{width:34px!important;height:34px!important;border-radius:100px;background:#f4f4f4;position:absolute;display:flex;align-items:center;justify-content:center;top:-16px;right:-16px;transform:scale(.8);transition:all .2s ease-in-out}.close-button-popup:hover{transform:scale(1);background:#e6e6e6}.Close-Button{width:12px;height:auto}@media (max-width:940px){.popup-context-text{width:100%}.close-button-popup{top:0;border-radius:12px;right:0;transform:scale(1);position:fixed}.popup-content{height:84vh!important;width:100%!important;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:420px;overscroll-behavior:contain;touch-action:pan-y}.pop-cont{flex-direction:column;height:auto}.popup-context-text{justify-content:start;gap:24px;height:auto}.image-grid{height:auto;overflow:hidden}.popup-image{height:auto}.popup-title{font-size:3rem}}@media (max-width:540px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}