.card:hover:before{opacity:1}.card{position:relative;border-radius:10px;overflow:hidden}.card:hover{cursor:pointer}.card:after,.card:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .5s;width:100%}.card:before{z-index:3}.card:after{border-color:#07192c;width:160px;height:160px;left:calc(var(--mouse-x) - 80px);border-radius:2000px;background-size:130px;background-repeat:no-repeat;background-position:50%;background-color:#8f7afd;filter:blur(50px);top:calc(var(--mouse-y) - 80px);z-index:1}.card>*{z-index:5}@media screen and (max-width:768px){.card:after{display:none}}.project-card-image-container{position:relative;width:100%;overflow:hidden;background-color:#eee}.image-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%{transform:translateY(0) scale(.75)}50%{transform:translateY(-4px) scale(.75)}to{transform:translateY(0) scale(.75)}}@keyframes pulse{0%{transform:scale(.75)}50%{transform:scale(.77)}to{transform:scale(.75)}}@media (max-width:480px){.project-image{height:200px}}@media (min-width:481px) and (max-width:768px){.project-image{height:240px}}@media (min-width:769px){.project-image{height:280px}}.project-card-image-container.logo-bg-dark{background-color:#1a1a1a;background-image:radial-gradient(circle at center,#2a2a2a 0,#1a1a1a 100%)}.project-card-image-container.logo-bg-black{background-color:#000;background-image:linear-gradient(135deg,#111,#000)}.project-card-image-container.logo-bg-4season{background-color:#21201e;background-image:linear-gradient(135deg,#21201e,#21201e)}.project-card-image-container.logo-bg-blue-dark{background-color:#0f172a;background-image:radial-gradient(circle at center,#1e293b 0,#0f172a 100%)}.project-card-image-container.logo-bg-dark-blue{background-color:#122d40;background-image:linear-gradient(135deg,#183850,#122d40)}.project-card-image-container.logo-bg-gray-dark{background-color:#111827;background-image:linear-gradient(135deg,#1f2937,#111827)}.project-card-image-container.logo-bg-light{background-color:#fff;background-image:radial-gradient(circle at center,#fff 0,#f8f8f8 100%)}.project-card-image-container.logo-bg-gray-light{background-color:#ebeddf;background-image:linear-gradient(135deg,#f2f4e6,#ebeddf)}.project-card-image-container.logo-bg-white{background-color:#fff;background-image:radial-gradient(circle at center,#fff 0,#f8f8f8 100%)}.project-card-image-container.logo-bg-blue-light{background-color:#e6f3ff;background-image:linear-gradient(135deg,#e6f3ff,#d1e9ff)}.project-card-image-container.logo-bg-teal{background-color:#0c4b50;background-image:linear-gradient(180deg,#0d5458,#0c4b50)}.project-card-image-container.logo-bg-blue{background-color:#0056b3;background-image:linear-gradient(135deg,#06c,#0056b3)}.project-card-image-container.logo-bg-purple{background-color:#242424;background-image:linear-gradient(135deg,#2a2a2a,#242424)}.project-card-image-container.logo-bg-red{background-color:#f55a22;background-image:linear-gradient(135deg,#f76631,#f55a22)}.project-card-image-container.logo-bg-green{background-color:#103b37;background-image:linear-gradient(135deg,#134641,#103b37)}.project-card-image-container.logo-bg-blue-700{background-color:#1d4ed8;background-image:linear-gradient(135deg,#2563eb,#1d4ed8)}.project-card-image-container.logo-bg-gray{background-color:#424242;background-image:linear-gradient(135deg,#525252,#424242)}.project-card-image{transform:scale(.75);-o-object-fit:contain!important;object-fit:contain!important;margin:auto;transition:filter .3s ease;max-width:90%;max-height:90%;animation:pulse 4s ease-in-out infinite;will-change:transform;border-radius:4px}.logo-bg-black .project-card-image-overlay,.logo-bg-blue-dark .project-card-image-overlay,.logo-bg-dark .project-card-image-overlay,.logo-bg-dark-blue .project-card-image-overlay{opacity:.4}.logo-bg-blue-light .project-card-image-overlay,.logo-bg-gray-light .project-card-image-overlay,.logo-bg-light .project-card-image-overlay{opacity:.6}.logo-bg-blue .project-card-image-overlay,.logo-bg-gray .project-card-image-overlay,.logo-bg-green .project-card-image-overlay,.logo-bg-purple .project-card-image-overlay,.logo-bg-red .project-card-image-overlay,.logo-bg-teal .project-card-image-overlay{opacity:.3}.project-card:hover .project-card-image{filter:brightness(1.05);animation:float 3s ease-in-out infinite}.project-card{transition:transform .3s ease,box-shadow .3s ease}@media (max-width:640px){.project-card-title{font-size:1.1rem}.project-card-description{font-size:.875rem}.project-card-tag{font-size:.7rem;padding:.15rem .5rem}}.project-card-image-overlay{opacity:0!important}.project-card-title{text-shadow:0 1px 3px rgba(0,0,0,.3)}