/* ARCHIVE — triage grid (/the-archive/). Layout only.
   Typography (.archive-title, .shoot-label) + tokens live in eb.css. */

.archive {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--space-6) var(--space-4) var(--space-7);
}

.archive-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;              /* top-aligned, independent heights */
  column-gap: var(--space-5);
  row-gap: var(--space-6);
}

.archive-card a { display: block; }

.archive-card img { width: 100%; } /* natural ratio kept by global img{height:auto} */

.archive-card .shoot-label { margin-top: var(--space-3); }

.archive-card .archive-title {
  margin-top: var(--space-1);
  transition: color 0.2s ease;
}

.archive-card a:hover .archive-title { color: var(--burgundy); }

@media (max-width: 600px) {
  .archive { padding: var(--space-5) var(--space-3) var(--space-6); }
  .archive-grid { grid-template-columns: 1fr; row-gap: var(--space-5); }
}