.portfolio-page{padding-top:80px}.portfolio-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding-bottom:40px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-muted);transition:var(--transition);cursor:none;background:0 0;align-items:center;padding:10px 20px;display:flex}.filter-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.filter-btn.active{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.portfolio-card{background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);cursor:none;animation:.6s both fadeUp;overflow:hidden}.portfolio-card.featured{grid-column:span 2}.portfolio-card:hover{border-color:var(--accent-red-dim);transform:translateY(-2px);box-shadow:0 12px 40px #0000001a}.portfolio-card__visual{aspect-ratio:16/9;overflow:hidden}.portfolio-card.featured .portfolio-card__visual{aspect-ratio:21/9}.portfolio-card__visual-bg{width:100%;height:100%;transition:var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.portfolio-card:hover .portfolio-card__visual-bg{transform:scale(1.02)}.portfolio-card__visual-num{opacity:.15;font-size:80px;font-weight:700}.portfolio-card__body{padding:28px}.portfolio-card__meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.portfolio-card__category{font-size:10px}.portfolio-card__title{letter-spacing:-.01em;margin-bottom:4px;font-size:20px;font-weight:600}.portfolio-card__client{opacity:.5;margin-bottom:12px}.portfolio-card__desc{color:var(--text-muted);margin-bottom:16px;font-size:13px;line-height:1.7}.portfolio-card__tags{flex-wrap:wrap;gap:6px;display:flex}.portfolio-card__tag{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;font-size:10px}.portfolio-loading{flex-direction:column;align-items:center;padding:120px 0;display:flex}.loading-dots{gap:6px;display:flex}.loading-dots span{background:var(--accent-red);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@media (max-width:900px){.portfolio-page{padding-top:80px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-card.featured{grid-column:span 2}.portfolio-filters{gap:8px}.filter-btn{padding:8px 14px;font-size:10px}}@media (max-width:480px){.portfolio-page{padding-top:70px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card.featured{grid-column:span 1}.portfolio-card__body{padding:20px}.portfolio-card__title{font-size:17px}.portfolio-card__desc{display:none}.portfolio-filters{flex-wrap:nowrap;padding-bottom:12px;overflow-x:auto}.filter-btn{white-space:nowrap;flex-shrink:0}}