.portfolio{padding:var(--section-padding);background-color:var(--bg-color)}.portfolio-filters{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.filter-btn{border:1px solid var(--border-color);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;transition:var(--transition-editorial);font-size:.9rem;font-weight:500;font-family:var(--font-body);border-radius:100px;padding:10px 20px}[data-theme=dark] .filter-btn{color:#e0e0e0;border-color:#fff3}.filter-btn:hover,.filter-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}[data-theme=dark] .filter-btn:hover,[data-theme=dark] .filter-btn.active{color:#0a0a0a;background:#fff;border-color:#fff}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.project-card{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);transition:var(--transition-editorial);border-radius:16px;flex-direction:column;gap:0;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.project-card:nth-child(2n){flex-direction:column}.project-img-wrapper{background:var(--bg-dark);aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.project-skeleton{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.project-img-wrapper img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:var(--transition-editorial)}.project-card:hover img{transform:scale(1.04)}.project-info{width:100%;padding:32px}.project-info h3{color:var(--text-primary);margin-bottom:12px;font-size:1.4rem;font-weight:600}.project-info p.project-category{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.6}.project-details{border-top:1px solid var(--glass-border);flex-direction:column;gap:8px;margin-bottom:24px;padding-top:16px;display:flex}.project-detail-item{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.project-detail-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-right:6px;font-size:.85rem;font-weight:600}.project-overlay{display:none}.view-btn-editorial{background:var(--accent-soft);color:var(--accent-color);transition:var(--transition-editorial);text-transform:uppercase;letter-spacing:.1em;border:1px solid #10b98133;border-radius:100px;align-items:center;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.view-btn-editorial:hover{background:var(--accent-color);color:#fff;box-shadow:0 6px 16px var(--accent-glow);transform:translateY(-2px)}.view-btn-editorial{transition:var(--transition-fast)}@media (width<=992px){.portfolio-grid{grid-template-columns:1fr}}