@media (max-width:639px){.portfolio-mobile-header{padding:.75rem 1rem}.portfolio-mobile-back{font-size:.875rem}.portfolio-mobile-avatar{width:2rem;height:2rem}.portfolio-mobile-title{font-size:1rem}.portfolio-mobile-count{font-size:.75rem}.portfolio-mobile-grid{display:grid;grid-template-columns:repeat(3,124px);gap:.125rem;padding:.5rem;justify-content:center}.portfolio-mobile-project{width:124px;height:165.33px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(34,211,238,.1);cursor:pointer;transition:all .2s ease}.portfolio-mobile-project:hover{transform:scale(.98);border-color:rgba(34,211,238,.3)}.portfolio-mobile-project-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.portfolio-mobile-project:hover .portfolio-mobile-project-image{transform:scale(1.05)}.portfolio-mobile-project-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(59,130,246,.1) 50%,rgba(34,211,238,.1));opacity:0;transition:opacity .3s ease}.portfolio-mobile-project:hover .portfolio-mobile-project-overlay{opacity:1}.portfolio-mobile-project-icon{position:absolute;top:.5rem;right:.5rem;width:1.25rem;height:1.25rem;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem}.portfolio-mobile-project-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:.5rem;font-size:.75rem;font-weight:600;text-align:center;opacity:0;transform:translateY(100%);transition:all .3s ease}.portfolio-mobile-project:hover .portfolio-mobile-project-title{opacity:1;transform:translateY(0)}.portfolio-mobile-bottom-menu{position:fixed;bottom:0;left:0;right:0;background:#000;border-top:1px solid hsla(0,0%,100%,.1);padding:.75rem .5rem 1rem;z-index:50;display:flex;justify-content:space-around;align-items:center;height:60px}.portfolio-mobile-category{display:flex;flex-direction:column;align-items:center;padding:.25rem;border-radius:0;transition:all .2s ease;min-width:50px;background:none;border:none;cursor:pointer}.portfolio-mobile-category-icon{font-size:1.5rem;margin-bottom:.125rem;color:#fff}.portfolio-mobile-category-text{font-size:.5rem;font-weight:400;text-align:center;color:#fff;line-height:1}.portfolio-mobile-category.active .portfolio-mobile-category-icon,.portfolio-mobile-category.active .portfolio-mobile-category-text{color:#22d3ee}.portfolio-mobile-category:not(.active) .portfolio-mobile-category-icon,.portfolio-mobile-category:not(.active) .portfolio-mobile-category-text{color:#8e8e8e}.portfolio-mobile-category:not(.active):hover .portfolio-mobile-category-icon,.portfolio-mobile-category:not(.active):hover .portfolio-mobile-category-text{color:#fff}.portfolio-mobile-main{padding-bottom:4rem}.portfolio-mobile-loading{padding:2rem;text-align:center}.portfolio-mobile-loading-icon{font-size:3rem;margin-bottom:1rem}.portfolio-mobile-loading-title{font-size:1.125rem;margin-bottom:.5rem}.portfolio-mobile-loading-text{font-size:.875rem}}@media (min-width:640px){.portfolio-mobile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1rem;justify-content:stretch}.portfolio-mobile-project{width:100%;height:200px;border-radius:.75rem}.portfolio-mobile-project-title{position:static;background:none;color:inherit;padding:1rem;opacity:1;transform:none;font-size:1rem}.portfolio-mobile-bottom-menu{display:none}.portfolio-mobile-main{padding-bottom:0}}.portfolio-modal{animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.portfolio-modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}