/* Archive — all projects grid (prototype for WP archive) */

.archive {
  max-width: 1100px;
  margin: 0 auto;
  padding: 32px clamp(18px, 4vw, 32px) 72px;
}
.archive__head {
  margin-bottom: 28px;
  max-width: 40em;
}
.archive__eyebrow {
  margin: 0 0 8px;
  font-family: var(--font-ui);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}
.archive__head .project-title {
  margin: 0 0 12px;
  font-size: clamp(1.5rem, 3.5vw, 2.2rem);
}
.archive__lede {
  margin: 0 0 10px;
  font-size: 1rem;
  color: var(--ink);
  opacity: 0.9;
}
.archive__count {
  margin: 0;
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--muted);
}
.archive__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
}
.archive-card {
  display: block;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--elev, var(--bg-elev));
  border: 1px solid var(--line);
  color: inherit;
  text-decoration: none;
  transition: border-radius 0.35s ease, box-shadow 0.3s ease;
}
.archive-card:hover {
  border-radius: var(--radius-hover);
  box-shadow: var(--shadow);
}
.archive-card__media {
  aspect-ratio: 4 / 3;
  background: center / cover no-repeat var(--elev, #eee);
}
.archive-card__body {
  padding: 12px 14px 14px;
}
.archive-card__title {
  margin: 0 0 4px;
  font-family: var(--font-title);
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.3;
}
.archive-card__meta {
  margin: 0;
  font-family: var(--font-body);
  font-size: 0.88rem;
  color: var(--muted);
}
.archive-card__meta .ref-year {
  font-family: var(--font-num);
  font-weight: 600;
  color: var(--accent);
}