.archive-hero{padding:150px 0 72px;background:#fff}
.archive-hero-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px;align-items:end}
.archive-hero h1{font-size:var(--heading-md)}
.archive-filter{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.filter-btn{
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:var(--pill);
  background:#fff;
  color:var(--ink);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.filter-btn.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.activity-archive{background:var(--paper)}
.activity-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.activity-card{grid-column:span 6;margin-bottom:38px}
.activity-card:nth-child(3n+1){grid-column:span 7}
.activity-card:nth-child(3n+2){grid-column:span 5}
.activity-card-media{height:480px;border-radius:14px;overflow:hidden;background:#DDD}
.activity-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.activity-card:hover .activity-card-media img{transform:scale(1.025)}
.activity-card-info{padding-top:13px;display:grid;grid-template-columns:1fr auto;gap:18px}
.activity-card h2{margin:5px 0;font-family:var(--font-display);font-size:2.1rem;font-weight:400;line-height:1}
.activity-card p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.6}
.activity-card-stats{color:var(--muted);font-size:.64rem;line-height:1.7;text-align:right}