.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;color:var(--muted);font-size:13px}.filter-btn.active,.filter-btn:hover{background:var(--green);color:#fff;border-color:var(--green)}.project-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{border:1px solid var(--line);border-radius:28px;padding:24px;background:#fff;transition:.25s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.project-card.hidden{display:none}.project-card-top{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.project-card-top b{color:var(--orange)}.project-visual{height:280px;margin:24px 0;border-radius:20px;background:linear-gradient(135deg,#E9F0ED,#fff);display:grid;place-items:center;overflow:hidden}.project-shape{width:180px;height:100px;border-radius:999px 999px 26px 999px;background:linear-gradient(100deg,var(--green),var(--orange));transform:rotate(-12deg);box-shadow:0 20px 60px rgba(16,50,44,.16)}.project-card h2{font-family:"Manrope";font-size:29px;color:var(--green);margin:0 0 10px}.project-card p{color:var(--muted);line-height:1.7}.project-tags{display:flex;gap:7px;flex-wrap:wrap}.project-tags span{font-size:11px;padding:6px 10px;background:var(--surface);border-radius:999px;color:#5D6965}@media(max-width:760px){.project-cards{grid-template-columns:1fr}}.project-link{display:inline-flex;margin-top:20px;font-size:13px;font-weight:700;color:var(--green)}.project-link:hover{color:var(--orange)}