.page-head{padding:4.5rem 0 3rem}
.page-head p{margin-top:1.2rem;font-size:1.2rem}
.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:3rem}
.chip{font:700 .98rem var(--body);padding:.55rem 1.2rem;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.count{margin:1.2rem 0 .5rem;color:#44587A;font-size:.95rem}
.proj-list{border-top:2px solid var(--navy)}
.proj{display:grid;grid-template-columns:minmax(220px,1fr) 1.6fr;gap:2.5rem;padding:2.2rem 0;border-bottom:1px solid var(--line)}
.proj[hidden]{display:none}
.proj .photo{aspect-ratio:4/3;margin:0;border-radius:18px;display:grid;place-items:end start;padding:1rem;font-size:.85rem;color:#C9DBF5;background:linear-gradient(135deg,transparent 48%,rgba(255,192,0,.35) 48% 52%,transparent 52%),var(--navy);background-size:34px 34px,auto}
.meta{display:flex;gap:.6rem;margin-bottom:.8rem;font-size:.9rem;font-weight:700}
.tag,.status{padding:.2rem .8rem;border-radius:999px}
.tag{background:#E3EDFA;color:var(--navy)}
.tag.peace{background:#E3EDFA}.tag.community{background:#E3EDFA}.tag.youth{background:#FFF3CC}.tag.rights{background:#E3EDFA}.tag.support{background:#E3EDFA;color:var(--blue)}
.status.ongoing{background:var(--yellow);color:var(--navy-deep)}
.status.completed{background:var(--blue);color:#fff}
.proj h2{font-size:1.9rem}
.loc{margin:.3rem 0 .9rem;color:#44587A;font-weight:500}
.fund{margin:1.2rem 0 1.4rem;max-width:380px}
meter{width:100%;height:10px}
meter::-webkit-meter-bar{background:var(--line);border:0;border-radius:6px}
meter::-webkit-meter-optimum-value{background:var(--blue);border-radius:6px}
meter::-moz-meter-bar{background:var(--blue);border-radius:6px}
.fund small{display:block;margin-top:.3rem;color:#44587A}
.fund-cta{padding-top:5rem}
.fund-cta p{margin:1rem 0 1.5rem}
@media (max-width:820px){.proj{grid-template-columns:1fr;gap:1.2rem}.page-head{padding-top:2.5rem}}