.portfolio-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-main);overflow:hidden;transition:var(--transition)}
.portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.portfolio-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg-secondary)}
.portfolio-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.portfolio-card:hover .portfolio-img img{transform:scale(1.05)}
.portfolio-img--empty{background:linear-gradient(135deg,var(--bg-secondary),var(--border-color))}
.portfolio-info{padding:24px}
.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tag{display:inline-block;padding:4px 12px;background:var(--bg-secondary);border-radius:var(--radius-pill);font-size:.8rem;font-weight:500;color:var(--text-muted)}
.portfolio-info h3{margin-bottom:8px}
.portfolio-info h3 a:hover{color:var(--acid-green)}
.portfolio-info p{color:var(--text-muted);font-size:.95rem;margin-bottom:16px}
.card-more{font-weight:600;display:inline-flex;align-items:center;gap:8px}
.card-more:hover{gap:12px}
.portfolio-single__hero{border-radius:var(--radius-main);overflow:hidden;margin-bottom:32px}
.portfolio-single__hero img{width:100%}
.portfolio-single__client{color:var(--text-muted);margin:8px 0 16px}
.portfolio-block{margin:48px 0}
.portfolio-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.portfolio-gallery img{border-radius:var(--radius-sm)}
.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.result-card{padding:24px;background:var(--bg-secondary);border-radius:var(--radius-main);text-align:center}
.result-metric{font-size:.9rem;color:var(--text-muted);margin-bottom:8px}
.result-values{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:1.2rem}
.result-before{color:var(--text-muted)}
.result-after{color:var(--acid-green)}