.masonry{columns:3 17rem;column-gap:1.4rem}.frame{break-inside:avoid;margin-bottom:1.4rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;overflow:hidden;transition:transform .3s,border-color .3s}.frame:hover{transform:translateY(-3px);border-color:var(--gold)}.frame img{width:100%}.frame figcaption{padding:.9rem 1.1rem 1.1rem}.frame__type{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.frame__title{font-weight:600;font-size:1.05rem;margin:.3rem 0;line-height:1.35}.frame__meta{font-size:.88rem;color:var(--cream-dim);line-height:1.55}.filter-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.2rem .8rem;width:100%;margin-bottom:1.6rem}.filter-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.45rem;transition:transform .3s ease}.filter-btn:hover{transform:translateY(-3px)}.filter-btn__avatar{width:64px;height:64px;border-radius:50%;background-size:220%;background-repeat:no-repeat;border:2px solid rgba(201,162,94,.35);filter:saturate(.5) brightness(.85);transition:filter .3s,border-color .3s,box-shadow .3s}.filter-btn__avatar--all{display:grid;place-content:center;background:var(--vermillion);color:var(--cream);font-family:var(--brush);font-size:1.6rem;filter:none}.filter-btn.is-active .filter-btn__avatar{filter:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a25e40,0 0 18px #c9a25e73}.filter-btn__name{font-size:.85rem;letter-spacing:.06em;color:var(--cream-dim);transition:color .3s;white-space:nowrap}.filter-btn__hanzi{font-family:var(--brush);font-size:.95rem;line-height:1;color:var(--cream-faint);transition:color .3s}.filter-btn.is-active .filter-btn__name{color:var(--gold)}.filter-btn.is-active .filter-btn__hanzi{color:var(--cream-dim)}.filter-bio{border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);padding:1.3rem 0 1.4rem;margin-bottom:1.4rem}.filter-bio__name{font-size:1.45rem;font-weight:600;margin-bottom:.7rem}.filter-bio__hanzi{font-family:var(--brush);font-weight:400;font-size:1.35rem;color:var(--gold);margin-left:.7rem}.filter-bio__text{margin-top:.9rem;color:var(--cream-dim);line-height:1.75;max-width:46rem}.filter-count{font-size:.88rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:1.4rem}