.portfolio-hero{position:relative;padding:calc(var(--header-height) + var(--space-3xl)) 0 var(--space-3xl);text-align:center;overflow:hidden}.portfolio-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.portfolio-hero .section-label{margin-bottom:var(--space-md)}.portfolio-hero-title{margin-bottom:var(--space-lg)}.portfolio-hero-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl)}.portfolio-filter-section{padding:var(--space-xl) 0;position:sticky;top:var(--header-height);z-index:10;background:var(--bg-primary);border-bottom:1px solid var(--divider);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.portfolio-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}.filter-btn{padding:10px 24px;font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo)}.filter-btn:hover{color:var(--text-primary);border-color:var(--magenta)}.filter-btn.active{background:var(--gradient-primary);color:var(--white);border-color:transparent;box-shadow:0 4px 15px #c24d9c4d}.portfolio-grid-section{padding:var(--space-3xl) 0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.portfolio-card{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);transition:all var(--duration-normal) var(--ease-out-expo)}.portfolio-card-link{display:block;text-decoration:none;color:inherit}.portfolio-card:hover{border-color:#c24d9c4d;transform:translateY(-8px);box-shadow:0 20px 40px #0003}.portfolio-card-image{position:relative;aspect-ratio:4/3;overflow:hidden}.portfolio-card-image img,.portfolio-card-image video{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-expo)}.portfolio-card:hover .portfolio-card-image img{transform:scale(1.08)}.portfolio-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,15,.9) 0%,transparent 60%);opacity:0;transition:opacity var(--duration-normal) var(--ease-in-out);display:flex;align-items:flex-end;padding:var(--space-xl)}.portfolio-card:hover .portfolio-card-overlay{opacity:1}.portfolio-card-overlay-content{transform:translateY(20px);transition:transform var(--duration-normal) var(--ease-out-expo)}.portfolio-card:hover .portfolio-card-overlay-content{transform:translateY(0)}.portfolio-card-overlay .btn{padding:10px 20px;font-size:var(--text-sm)}.portfolio-card-content{padding:var(--space-lg);background:var(--card-bg)}.portfolio-card-category{display:inline-block;padding:4px 12px;font-size:var(--text-xs);font-weight:500;color:var(--magenta);background:#c24d9c1a;border-radius:var(--radius-full);margin-bottom:var(--space-sm)}.portfolio-card-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-xs);transition:color var(--duration-fast) var(--ease-in-out)}.portfolio-card:hover .portfolio-card-title{color:var(--magenta)}.portfolio-card-client{font-size:var(--text-sm);color:var(--text-muted)}.portfolio-card.featured .portfolio-card-title{font-size:var(--text-lg)}.portfolio-stats-section{padding:var(--space-3xl) 0;background:var(--bg-secondary)}.portfolio-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);text-align:center}.portfolio-stat-item{padding:var(--space-xl)}.portfolio-stat-number{font-family:var(--font-primary);font-size:var(--text-5xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.portfolio-stat-label{font-size:var(--text-base);color:var(--text-secondary)}.portfolio-cta-section{padding:var(--space-4xl) 0}.portfolio-cta-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);padding:var(--space-4xl);text-align:center;position:relative;overflow:hidden}.portfolio-cta-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(194,77,156,.1) 0%,transparent 50%);animation:rotateSlow 20s linear infinite}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-cta-content{position:relative;z-index:1}.portfolio-cta-content h2{margin-bottom:var(--space-md)}.portfolio-cta-content p{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-xl)}.portfolio-cta-buttons{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.case-study-hero{position:relative;min-height:70vh;display:flex;align-items:center;padding:calc(var(--header-height) + var(--space-3xl)) 0 var(--space-3xl);overflow:hidden}.case-study-hero-bg{position:absolute;inset:0;z-index:-1}.case-study-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.3}.case-study-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-primary) 0%,transparent 50%)}.case-study-hero-content{max-width:800px}.case-study-meta{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-lg)}.case-study-meta-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.case-study-meta-item svg{width:18px;height:18px;color:var(--magenta)}.case-study-title{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));margin-bottom:var(--space-lg)}.case-study-description{font-size:var(--text-xl);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl)}.case-study-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.case-study-tag{padding:6px 16px;font-size:var(--text-sm);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full)}.case-study-content{padding:var(--space-4xl) 0}.case-study-section{margin-bottom:var(--space-4xl)}.case-study-section:last-child{margin-bottom:0}.case-study-section h2{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}.case-study-section p{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.case-study-section p:last-child{margin-bottom:0}.case-study-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin:var(--space-2xl) 0}.case-study-gallery-item{border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out-expo)}.case-study-gallery-item:hover{transform:scale(1.02)}.case-study-gallery-item.full-width{grid-column:span 2}.case-study-gallery-item img{width:100%;height:100%;object-fit:cover}.case-study-results{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);padding:var(--space-2xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);margin:var(--space-2xl) 0}.case-study-result-item{text-align:center}.case-study-result-value{font-family:var(--font-primary);font-size:var(--text-4xl);font-weight:700;color:var(--magenta);margin-bottom:var(--space-xs)}.case-study-result-label{font-size:var(--text-sm);color:var(--text-secondary)}.case-study-testimonial{padding:var(--space-2xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);margin:var(--space-2xl) 0;position:relative}.case-study-testimonial:before{content:'"';position:absolute;top:var(--space-lg);left:var(--space-xl);font-family:var(--font-primary);font-size:80px;line-height:1;color:var(--magenta);opacity:.3}html[dir=rtl] .case-study-testimonial:before{left:auto;right:var(--space-xl)}.case-study-testimonial-text{font-size:var(--text-xl);font-style:italic;line-height:var(--leading-relaxed);margin-bottom:var(--space-lg);padding-left:var(--space-3xl)}html[dir=rtl] .case-study-testimonial-text{padding-left:0;padding-right:var(--space-3xl)}.case-study-testimonial-author{display:flex;align-items:center;gap:var(--space-md);padding-left:var(--space-3xl)}html[dir=rtl] .case-study-testimonial-author{padding-left:0;padding-right:var(--space-3xl)}.case-study-testimonial-author img{width:50px;height:50px;border-radius:50%;object-fit:cover}.case-study-testimonial-author-info h4{font-size:var(--text-base);font-weight:600;margin-bottom:2px}.case-study-testimonial-author-info p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.related-projects-section{padding:var(--space-4xl) 0;background:var(--bg-secondary)}.related-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}@media (max-width: 1024px){.portfolio-grid,.portfolio-stats-grid{grid-template-columns:repeat(2,1fr)}.case-study-results{grid-template-columns:repeat(3,1fr)}.related-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-stats-grid{grid-template-columns:1fr;gap:var(--space-lg)}.portfolio-stat-item{padding:var(--space-lg)}.portfolio-cta-box{padding:var(--space-2xl)}.case-study-hero{min-height:auto;padding-top:calc(var(--header-height) + var(--space-2xl))}.case-study-gallery{grid-template-columns:1fr}.case-study-gallery-item.full-width{grid-column:span 1}.case-study-results{grid-template-columns:1fr;gap:var(--space-lg)}.related-projects-grid{grid-template-columns:1fr}}@media (max-width: 480px){.portfolio-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch}.filter-btn{flex-shrink:0}.case-study-meta{flex-direction:column;gap:var(--space-sm)}}.portfolio-detail{padding:calc(var(--header-height) + var(--space-2xl)) 0 var(--space-4xl)}.portfolio-detail-header{text-align:center;margin-bottom:var(--space-3xl)}.portfolio-detail-category{display:inline-block;padding:8px 20px;background:var(--gradient-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--white);margin-bottom:var(--space-md)}.portfolio-detail-title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--space-md)}.portfolio-detail-client{font-size:var(--text-lg);color:var(--text-secondary)}.portfolio-detail-image{width:100%;max-height:600px;object-fit:cover;border-radius:var(--radius-2xl);margin-bottom:var(--space-3xl)}.portfolio-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--space-3xl)}@media (max-width: 968px){.portfolio-detail-grid{grid-template-columns:1fr}}.portfolio-detail-content{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.portfolio-detail-content h2{font-size:var(--text-2xl);margin:var(--space-2xl) 0 var(--space-md)}.portfolio-detail-content h2:first-child{margin-top:0}.portfolio-detail-content p{margin-bottom:var(--space-md);color:var(--text-secondary)}.portfolio-detail-content ul,.portfolio-detail-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.portfolio-detail-content li{margin-bottom:var(--space-sm);color:var(--text-secondary)}.portfolio-detail-content strong{color:var(--text-primary)}.portfolio-detail-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-lg));height:fit-content}.portfolio-info-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-xl)}.portfolio-info-item{margin-bottom:var(--space-lg)}.portfolio-info-item:last-child{margin-bottom:0}.portfolio-info-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs)}.portfolio-info-value{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.portfolio-services-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.portfolio-service-tag{display:inline-block;padding:4px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm)}.portfolio-results-list{list-style:none;padding:0}.portfolio-results-list li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.portfolio-results-list li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--gradient-primary);border-radius:50%}.portfolio-back-link{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);color:var(--magenta);font-weight:500;transition:gap var(--duration-normal) var(--ease-out-expo)}.portfolio-back-link:hover{gap:var(--space-md)}.portfolio-back-link svg{width:20px;height:20px;transform:scaleX(-1)}