.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:44px;display:flex}.filter-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;letter-spacing:.01em;border-radius:100px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.filter-btn:hover{color:var(--heading);border-color:#bbb}.filter-btn.active{background:var(--red);color:#fff;border-color:var(--red)}.projects-grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.proj-lg{grid-column:span 8}.proj-sm{grid-column:span 4}.proj-md{grid-column:span 6}.proj-full{grid-column:span 12}.proj-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:20px;text-decoration:none;transition:box-shadow .3s,transform .3s;display:block;position:relative;overflow:hidden}.proj-card:hover{transform:translateY(-4px);box-shadow:0 16px 56px #0000001a}.proj-thumb{justify-content:center;align-items:center;width:100%;font-size:64px;display:flex;position:relative;overflow:hidden}.proj-lg .proj-thumb{height:320px}.proj-sm .proj-thumb{height:200px}.proj-md .proj-thumb{height:260px}.proj-full .proj-thumb{height:380px}.proj-thumb-inner{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s;display:flex}.proj-card:hover .proj-thumb-inner{transform:scale(1.04)}.proj-info{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.proj-left{flex:1;min-width:0}.proj-name{letter-spacing:-.02em;color:var(--heading);margin-bottom:4px;font-size:16px;font-weight:800}.proj-meta{color:var(--muted);font-size:13px}.proj-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.proj-chip{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600}.chip-red{color:var(--red);background:var(--red-10);border-color:#ed003833}.chip-blue{color:var(--blue);background:var(--blue-10);border-color:#0094df33}.chip-bluel{color:var(--blue-light);background:var(--bluel-10);border-color:#00b8dd33}.proj-arrow{background:var(--bg);border:1px solid var(--border);width:36px;height:36px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.proj-card:hover .proj-arrow{background:var(--red);color:#fff;border-color:var(--red)}.stats-strip{grid-template-columns:repeat(4,1fr);gap:14px;margin:64px 0;display:grid}.stat-card{background:var(--surface);border:1px dashed #00000040;border-top:3px solid var(--border);border-radius:18px;padding:28px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative}.stat-card:hover{border-color:#0000008c;transform:translateY(-3px);box-shadow:0 10px 28px #0000000f}.stat-card:first-child{border-top-color:var(--red)}.stat-card:nth-child(2){border-top-color:var(--blue)}.stat-card:nth-child(3){border-top-color:var(--blue-light)}.stat-card:nth-child(4){border-top-color:var(--red)}.stat-num{letter-spacing:-.04em;color:var(--heading);font-size:42px;font-weight:900;line-height:1}.stat-label{color:var(--muted);margin-top:6px;font-size:14px}.portfolio-cta{background:#1a1a1a;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;margin-top:64px;padding:56px 48px;display:flex;position:relative;overflow:hidden}.portfolio-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#ed003840 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-120px;left:-80px}.portfolio-cta:after{content:"";pointer-events:none;background:radial-gradient(circle,#0094df33 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-120px;right:-80px}.portfolio-cta-text{z-index:1;position:relative}.portfolio-cta-text h3{letter-spacing:-.03em;color:#fff;margin-bottom:8px;font-size:28px;font-weight:900}.portfolio-cta-text p{color:#fff9;font-size:15px}.portfolio-cta .btn{z-index:1;position:relative}.section-label:after{content:" ·";color:var(--red)}@media (max-width:1024px){.proj-lg{grid-column:span 12}.proj-sm,.proj-md{grid-column:span 6}.stats-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.proj-lg,.proj-sm,.proj-md,.proj-full{grid-column:span 12}.stats-strip{grid-template-columns:repeat(2,1fr)}.portfolio-cta{flex-direction:column;align-items:flex-start;gap:20px;padding:36px 28px}.portfolio-cta .btn{text-align:center;justify-content:center;width:100%}.filter-bar{gap:6px}.filter-btn{padding:7px 14px;font-size:12px}}@media (max-width:480px){.stats-strip{grid-template-columns:1fr 1fr}.portfolio-cta{padding:28px 20px}.filter-bar{gap:4px}}