@charset "UTF-8";.portfolio-section{background:#f8f9fa}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.portfolio-item{opacity:1;transform:scale(1);transition:all 0.5s ease}.portfolio-card{position:relative;height:100%;background:#fff;overflow:hidden;cursor:pointer;transition:all 0.3s ease}.portfolio-card:hover{z-index:10}.card-image{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.portfolio-card:hover .card-image img{transform:scale(1.1)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgb(0 0 0 / .7) 100%);opacity:1;transition:opacity 0.3s ease}.portfolio-card:hover .image-overlay{opacity:0}.card-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;transition:all 0.3s ease;z-index:2}.portfolio-card:hover .card-content{opacity:0;transform:translateY(20px)}.card-category{display:inline-block;font-size:13.6px;font-weight:400;color:rgb(255 255 255 / .9);margin-bottom:8px;letter-spacing:.5px}.card-title{font-size:24px;font-weight:700;line-height:1.3}.card-hover{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(102 126 234 / .95) 0%,rgb(118 75 162 / .95) 100%);display:flex;align-items:center;justify-content:center;padding:32px;opacity:0;transition:all 0.3s ease;z-index:3}.portfolio-card:hover .card-hover{opacity:1}.hover-content{text-align:center;color:#fff;transform:translateY(20px);transition:transform 0.5s ease}.portfolio-card:hover .hover-content{transform:translateY(0)}.hover-category{display:block;font-size:.9rem;margin-bottom:1rem;opacity:.9}.hover-title{font-size:1.75rem;font-weight:700;margin-bottom:2rem;line-height:1.3}.hover-buttons{display:flex;gap:1rem;justify-content:center;align-items:center}.btn-primary{padding:.875rem 2rem;border-radius:50px;font-size:16px;font-weight:600;background:#fff;color:#667eea;border:2px solid #fff;transition:all 0.3s ease}.btn-primary:hover{background:#fff0;color:#fff;transform:translateY(-3px)}.btn-secondary{width:48px;height:48px;padding:0;border-radius:50%;background:rgb(255 255 255 / .2);border:2px solid rgb(255 255 255 / .3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.3s ease}.btn-secondary:hover{background:#fff;color:#667eea;transform:translateY(-3px) rotate(45deg)}@media (max-width:1200px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.portfolio-grid{grid-template-columns:1fr}.card-content{padding:1.5rem}.card-title{font-size:1.25rem}.hover-title{font-size:1.25rem}.hover-buttons{flex-direction:column;width:100%}.btn-primary{width:100%}}