.archive-images {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1rem;
}

.archive-images img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 18rem;
  object-fit: cover;
}

.archive-images img:first-child { grid-row: 1 / 3; }
.archive-note { margin: .8rem 0 3rem; color: #60635f; font-size: .82rem; }
.role-ledger { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.role-ledger article { padding: 1.5rem 2rem 0 0; }
.role-ledger small { color: var(--blue); text-transform: uppercase; letter-spacing: .1em; }
.role-ledger h3 { font-size: 1.8rem; margin: .75rem 0; }
.role-ledger p { line-height: 1.5; }

@media (max-width: 800px) {
  .archive-images { grid-template-columns: 1fr; grid-template-rows: auto; }
  .archive-images img,
  .archive-images img:first-child { grid-row: auto; min-height: 0; aspect-ratio: 4 / 3; }
  .role-ledger { grid-template-columns: 1fr; }
  .role-ledger article { border-top: 1px solid var(--line); padding: 1.5rem 0; }
}