.homePortfolio{padding:8rem 5rem;background:var(--color-background);font-family:var(--family-text);position:relative;overflow:hidden}.homePortfolio:before{content:"";position:absolute;top:-40%;left:-40%;width:80%;height:180%;background:linear-gradient(45deg,var(--color-secondary) 0,var(--color-accent) 100%);opacity:.02;border-radius:50%;z-index:0}.portfolioContainer{max-width:1400px;margin:0 auto;position:relative;z-index:1}.portfolioHeader{text-align:center;margin-bottom:5rem}.headerBadge{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-secondary-background);padding:.5rem 1.25rem;border-radius:50px;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);margin-bottom:1.5rem}.badgeIcon{font-size:1.1rem}.badgeIcon,.badgeText{color:var(--color-primary)}.badgeText{font-size:.9rem;font-weight:var(--font-heading)}.portfolioTitle{font-family:var(--family-title);font-size:3rem;font-weight:var(--font-title);color:var(--text-heading);line-height:1.1;max-width:800px;margin:0 auto 1.5rem}.portfolioDescription{font-size:1.125rem;color:var(--text-body);line-height:1.6;max-width:600px;margin:0 auto}.portfolioGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:3rem;gap:3rem;margin-bottom:5rem}.portfolioItem{background:var(--color-secondary-background);border-radius:25px;overflow:hidden;box-shadow:var(--shadow-l);transition:all .4s ease;position:relative;border:1px solid var(--color-border)}.portfolioItem:hover{transform:translateY(-10px);box-shadow:var(--shadow-xxl)}.portfolioItem.featured{border:2px solid var(--color-accent);transform:scale(1.02)}.portfolioItem.featured:hover{transform:scale(1.02) translateY(-10px)}.featuredBadge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-secondary) 100%);color:var(--color-background);padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:var(--font-heading);box-shadow:var(--shadow-m);z-index:2}.projectImageWrapper{position:relative;height:300px;overflow:hidden}.projectImage{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolioItem:hover .projectImage{transform:scale(1.05)}.projectOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(20,29,48,.9),rgba(78,141,255,.8));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolioItem:hover .projectOverlay{opacity:1}.overlayContent{display:flex;gap:1rem;flex-direction:column;align-items:center}.detailsLink,.liveLink{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-background);color:var(--color-primary);text-decoration:none;border-radius:50px;font-weight:var(--font-heading);font-size:.9rem;transition:all .3s ease;box-shadow:var(--shadow-m)}.detailsLink:hover,.liveLink:hover{background:var(--color-accent);color:var(--color-background);transform:translateY(-2px);box-shadow:var(--shadow-l)}.projectContent{padding:2rem}.projectMeta{margin-bottom:.75rem}.projectCategory{display:inline-block;background:var(--color-accent);color:var(--color-background);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:var(--font-heading);text-transform:uppercase;letter-spacing:.5px}.projectTitle{font-family:var(--family-title);font-size:1.5rem;font-weight:var(--font-title);color:var(--text-heading);margin:0 0 1rem;line-height:1.2}.projectDescription{font-size:1rem;color:var(--text-body);line-height:1.6;margin:0 0 1.5rem}.projectTech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.techTag{background:var(--color-background);color:var(--text-muted);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;border:1px solid var(--color-border)}.projectLink,.techTag{font-weight:var(--font-heading)}.projectLink{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-accent);text-decoration:none;font-size:1rem;transition:all .3s ease}.projectLink:hover{color:var(--color-primary);transform:translateX(5px)}.linkArrow{font-size:.8rem;transition:transform .3s ease}.projectLink:hover .linkArrow{transform:translateX(3px)}.portfolioFooter{text-align:center;padding:3rem 2rem;background:var(--color-secondary-background);border-radius:20px;border:1px solid var(--color-border);box-shadow:var(--shadow-s)}.footerText{font-size:1.125rem;color:var(--text-body);margin:0 0 1.5rem}.viewAllBtn{background:var(--btn-gradient);color:var(--btn-primary-text);padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:var(--font-heading);font-size:1.1rem;box-shadow:var(--shadow-m);transition:all .3s ease;position:relative;overflow:hidden;display:inline-block}.viewAllBtn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--btn-gradient-hover);transition:left .3s ease;z-index:-1}.viewAllBtn:hover:before{left:0}.viewAllBtn:hover{transform:translateY(-2px);box-shadow:var(--shadow-l)}@media (max-width:1200px){.homePortfolio{padding:6rem 3rem}.portfolioTitle{font-size:2.5rem}.portfolioGrid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem}}@media (max-width:992px){.portfolioTitle{font-size:2.25rem}.portfolioGrid{grid-template-columns:1fr;gap:2rem}.projectImageWrapper{height:250px}}@media (max-width:768px){.homePortfolio{padding:4rem 1.5rem}.portfolioHeader{margin-bottom:3rem}.portfolioTitle{font-size:2rem}.portfolioDescription{font-size:1rem}.portfolioGrid{gap:2rem;margin-bottom:3rem}.portfolioItem{border-radius:20px}.portfolioItem.featured{transform:none}.portfolioItem.featured:hover{transform:translateY(-10px)}.projectContent{padding:1.5rem}.projectImageWrapper{height:200px}.overlayContent{flex-direction:row;gap:.75rem}.detailsLink,.liveLink{padding:.5rem 1rem;font-size:.8rem}}@media (max-width:480px){.homePortfolio{padding:3rem 1rem}.portfolioTitle{font-size:1.75rem}.portfolioDescription{font-size:.95rem}.projectContent{padding:1.25rem}.projectTitle{font-size:1.25rem}.projectDescription{font-size:.95rem}.overlayContent{flex-direction:column;gap:.5rem}.viewAllBtn{padding:1rem 2rem;font-size:1rem}}