.portfolio-grid-section{max-width:1100px;margin:0 auto;padding:48px 24px 64px}.portfolio-filter-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.portfolio-filter-tab{background:var(--bg-sidebar);cursor:pointer;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:180px;padding:14px 24px;transition:border-color .2s,background .2s,transform .15s;display:flex}.portfolio-filter-tab:hover{border-color:#c9a86a66;transform:translateY(-2px)}.portfolio-filter-tab--active{border-color:var(--gold);background:#c9a86a14}.portfolio-filter-tab__icon{color:var(--gold);font-size:16px;line-height:1}.portfolio-filter-tab__label{color:#fff;letter-spacing:.02em;font-size:14px;font-weight:600}.portfolio-filter-tab--active .portfolio-filter-tab__label{color:var(--gold)}.portfolio-filter-tab__count{color:var(--text-muted);text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;min-width:20px;padding:1px 7px;font-size:11px;font-weight:700}.portfolio-filter-tab--active .portfolio-filter-tab__count{color:var(--gold);background:#c9a86a26;border-color:#c9a86a4d}.portfolio-hint{text-align:center;color:var(--text-muted);padding:48px 0;font-size:15px}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.portfolio-card{background:var(--bg-sidebar);border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:14px;padding:28px;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.portfolio-card__image{border-radius:12px 12px 0 0;width:calc(100% + 56px);height:200px;margin:-28px -28px 0;position:relative;overflow:hidden}.portfolio-card__img{-o-object-fit:cover;object-fit:cover;transition:transform .4s}.portfolio-card:hover .portfolio-card__img{transform:scale(1.04)}.portfolio-card:hover{border-color:var(--gold);transform:translateY(-3px)}.portfolio-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.portfolio-card__category{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:700}.portfolio-card__title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.3}.portfolio-card__desc{color:var(--text-muted);flex:1;font-size:14px;line-height:1.7}.portfolio-card__tags{flex-wrap:wrap;gap:8px;display:flex}.portfolio-tag{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:2px 10px;font-family:monospace;font-size:11px}.portfolio-status{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.portfolio-status--live{color:var(--success);background:#22c55e26;border:1px solid #22c55e4d}.portfolio-status--wip{color:var(--gold);background:#c9a86a26;border:1px solid #c9a86a4d}.portfolio-status--realized{color:#63b3ed;background:#63b3ed26;border:1px solid #63b3ed40}.portfolio-status--concept{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.portfolio-card__credit{color:#ffffff80;margin-top:8px;font-size:12px}.portfolio-card__credit a{color:#ffffffbf;text-underline-offset:2px;text-decoration:underline;transition:color .2s}.portfolio-card__credit a:hover{color:#fff}.portfolio-card__link{color:var(--gold);margin-top:4px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.portfolio-card__link:hover{color:#fff}@media (max-width:600px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid-section{padding:28px 14px 40px}.portfolio-filter-tabs{gap:8px;margin-bottom:28px}.portfolio-filter-tab{border-radius:10px;flex:calc(50% - 4px);gap:8px;min-width:calc(50% - 4px);padding:12px}.portfolio-filter-tab__label{font-size:12px}.portfolio-filter-tab__icon{font-size:14px}.portfolio-card{padding:20px}.portfolio-card__image{width:calc(100% + 40px);margin:-20px -20px 0}.portfolio-card__title{font-size:17px}}@media (max-width:400px){.portfolio-filter-tab{flex:100%;min-width:100%}}