.portfolio-grid-container[data-v-fe80c71b]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding:4rem 0}.portfolio-grid[data-v-fe80c71b]{box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:1fr;width:100%}@media (min-width:768px){.portfolio-grid[data-v-fe80c71b]{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.portfolio-grid[data-v-fe80c71b]{gap:2rem;grid-template-columns:repeat(2,1fr)}}.portfolio-card[data-v-fe80c71b]{animation:fadeInUp-fe80c71b .6s ease forwards;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;color:inherit;cursor:pointer;display:block;height:400px;opacity:0;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.portfolio-card[data-v-fe80c71b]:hover{box-shadow:0 20px 40px #00000026;color:inherit;text-decoration:none;transform:translateY(-10px) scale(1.02)}.portfolio-image[data-v-fe80c71b]{height:100%;overflow:hidden;position:relative;width:100%}.portfolio-image img[data-v-fe80c71b]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.portfolio-card:hover .portfolio-image img[data-v-fe80c71b]{transform:scale(1.1)}.project-info[data-v-fe80c71b]{background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.8) 30%,rgba(0,0,0,.4) 70%,transparent);bottom:0;color:#fff;left:0;padding:2.5rem 1.5rem 1.5rem;position:absolute;right:0;z-index:2}.project-name[data-v-fe80c71b]{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:.75rem;text-shadow:0 3px 6px rgba(0,0,0,.7)}.project-category[data-v-fe80c71b]{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:0;opacity:.95;text-shadow:0 2px 4px rgba(0,0,0,.6)}.hover-overlay[data-v-fe80c71b]{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s ease;z-index:3}.portfolio-card:hover .hover-overlay[data-v-fe80c71b]{opacity:1}.overlay-content[data-v-fe80c71b]{color:#fff;padding:2rem;text-align:center;transform:translateY(20px);transition:transform .4s ease}.portfolio-card:hover .overlay-content[data-v-fe80c71b]{transform:translateY(0)}.project-details[data-v-fe80c71b]{margin-bottom:2rem}.detail-item[data-v-fe80c71b]{align-items:center;display:flex;font-size:1rem;gap:.5rem;justify-content:center;margin-bottom:1rem;opacity:.9}.detail-item i[data-v-fe80c71b]{color:#475da7;font-size:1.2rem}.view-project-btn[data-v-fe80c71b]{align-items:center;background:linear-gradient(135deg,#475da7,#667eea);border:none;border-radius:25px;box-shadow:0 4px 15px #475da74d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.view-project-btn[data-v-fe80c71b]:hover{background:linear-gradient(135deg,#667eea,#475da7);box-shadow:0 6px 20px #475da766;transform:translateY(-2px)}@keyframes fadeInUp-fe80c71b{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767.98px){.portfolio-grid[data-v-fe80c71b]{gap:1rem}.portfolio-card[data-v-fe80c71b]{height:350px}.project-name[data-v-fe80c71b]{font-size:1.5rem}.project-category[data-v-fe80c71b]{font-size:1rem}.overlay-content[data-v-fe80c71b]{padding:1.5rem}.view-project-btn[data-v-fe80c71b]{font-size:.9rem;padding:.75rem 1.5rem}}html[lang=ar] .detail-item[data-v-fe80c71b],html[lang=ar] .view-project-btn[data-v-fe80c71b]{flex-direction:row-reverse}html[lang=ar] .project-category[data-v-fe80c71b],html[lang=ar] .project-name[data-v-fe80c71b]{text-align:right}.portfolio-card.loading[data-v-fe80c71b]{animation:loading-fe80c71b 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}@keyframes loading-fe80c71b{0%{background-position:200% 0}to{background-position:-200% 0}}.portfolio-card[data-v-fe80c71b]:focus{outline:3px solid #475da7;outline-offset:2px}.portfolio-card:focus .hover-overlay[data-v-fe80c71b]{opacity:1}html[data-v-fe80c71b]{scroll-behavior:smooth}