.filter{border-bottom:1px solid var(--color-line);flex-wrap:wrap;gap:0;margin-top:0;display:flex}.filter button{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);background:0 0;border:none;border-bottom:1px solid #0000;margin-bottom:-1px;padding:14px 22px;font-size:13px;font-weight:500;transition:all .25s}.filter button:first-child{padding-left:0}.filter button:hover{color:var(--color-green-deep)}.filter button.active{color:var(--color-ink);border-bottom-color:var(--color-green-deep)}.pgrid{column-count:3;column-gap:clamp(12px,1.4vw,20px);margin-top:36px}.pcard{break-inside:avoid;margin-bottom:clamp(12px,1.4vw,20px);position:relative;overflow:hidden}.pcard-photo{width:100%;position:relative}.pcard .cap{color:var(--color-paper);opacity:0;transition:opacity .4s var(--ease);pointer-events:none;background:linear-gradient(#0000,#121a12d1);padding:22px 18px 16px;position:absolute;bottom:0;left:0;right:0}.pcard:hover .cap{opacity:1}.pcard .cap b{font-family:var(--font-display);margin-top:6px;font-size:18px;font-weight:400;display:block}.pcard .cap span{letter-spacing:.18em;text-transform:uppercase;color:var(--color-brass);font-size:10.5px}@media (max-width:900px){.pgrid{column-count:2}}@media (max-width:560px){.pgrid{column-count:1}.filter{overflow-x:auto}}