.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}
.project-filters{display:flex;flex-wrap:wrap;gap:8px}
.project-filters button{border:1px solid var(--line);background:var(--surface);color:var(--text-2);padding:9px 16px;border-radius:999px;font:600 .88rem var(--font-sans);cursor:pointer;transition:all .2s}
.project-filters button:hover{border-color:var(--accent);color:var(--accent)}
.project-filters button[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff}
.project-search{display:flex;align-items:center;gap:10px;min-width:min(100%,260px);padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.project-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}
.project-search input:focus-visible{outline:0}
.project-search:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.project-count{font-size:.88rem;color:var(--text-2);white-space:nowrap}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}
.project-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .25s,box-shadow .25s}
.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}
.project-card__visual{position:relative;min-height:250px;display:grid;place-items:center;overflow:hidden;text-decoration:none;color:var(--text)}
.project-card__visual::before,.project-card__visual::after{content:"";position:absolute;border:1px solid currentColor;opacity:.12;border-radius:50%}
.project-card__visual::before{width:300px;height:300px;transform:translate(35%,-30%)}
.project-card__visual::after{width:210px;height:210px;transform:translate(-28%,25%)}
.project-card--lavender .project-card__visual{background:linear-gradient(135deg,#eeebff,#dcd6ff)}
.project-card--peach .project-card__visual{background:linear-gradient(135deg,#fff0e5,#ffd8c1)}
.project-card--mint .project-card__visual{background:linear-gradient(135deg,#e3f7ed,#c7ebd8)}
.project-card--blue .project-card__visual{background:linear-gradient(135deg,#e3f1ff,#c6defa)}
.project-card--rose .project-card__visual{background:linear-gradient(135deg,#ffe8ed,#f6cbd5)}
.project-card--gold .project-card__visual{background:linear-gradient(135deg,#fff4d8,#f3dfa2)}
.project-card__symbol{font:500 clamp(4rem,9vw,7rem) var(--font-display);color:rgba(20,26,36,.72);transition:transform .35s}
.project-card:hover .project-card__symbol{transform:scale(1.08) rotate(-5deg)}
.project-card__year,.project-card__visual-label{position:absolute;top:16px;padding:6px 12px;border:1px solid rgba(20,26,36,.1);background:rgba(255,255,255,.66);backdrop-filter:blur(8px);border-radius:999px;font-size:.78rem;font-weight:700;color:var(--text)}
.project-card__year{left:16px}.project-card__visual-label{right:16px}
.project-card__body{padding:var(--space-4)}
.project-card__body h3{margin-bottom:10px}
.project-card__body h3 a{text-decoration:none}.project-card__body h3 a:hover{color:var(--accent)}
.project-card__body p:not(.eyebrow){margin:0;color:var(--text-2)}
@media(max-width:700px){.project-grid{grid-template-columns:1fr}.project-card__visual{min-height:210px}.project-toolbar{align-items:flex-start}.project-search{width:100%}}