.archive-record{
  background:#fffdf8;
  display:grid;
  grid-template-columns:.72fr 1.5fr;
  gap:7vw;
  align-items:start;
}
.archive-record-heading{
  position:sticky;
  top:120px;
}
.archive-record-heading h2{
  font:500 clamp(34px,4.3vw,58px)/1.55 var(--serif);
  margin:0 0 28px;
}
.archive-record-heading>p:last-child{
  max-width:470px;
  font-size:13px;
}
.archive-record-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.archive-record-card{
  margin:0;
  min-height:360px;
  position:relative;
  overflow:hidden;
  background:#eee6dd;
}
.archive-record-card.tall{
  grid-row:span 2;
  min-height:738px;
}
.archive-record-card.wide{
  grid-column:1/-1;
  min-height:430px;
}
.archive-record-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s ease;
}
.archive-record-card.tall img{object-position:48% center}
.archive-record-card:hover img{transform:scale(1.025)}
.archive-record-card figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:14px;
  align-items:start;
  padding:65px 25px 22px;
  color:#fff;
  background:linear-gradient(transparent,rgba(29,20,16,.84));
}
.archive-record-card figcaption span{
  font:500 11px var(--serif);
  letter-spacing:.12em;
  padding-top:4px;
}
.archive-record-card figcaption b{
  font:500 18px var(--serif);
}
.archive-record-card figcaption p{
  margin:4px 0 0;
  font-size:10px;
  line-height:1.7;
}
@media(max-width:1000px){
  .archive-record{grid-template-columns:1fr}
  .archive-record-heading{position:static}
}
@media(max-width:620px){
  .archive-record-grid{grid-template-columns:1fr}
  .archive-record-card,
  .archive-record-card.tall,
  .archive-record-card.wide{grid-column:auto;grid-row:auto;min-height:390px}
}


/* Readability update 2026-08 */
.archive-record-heading>p{font-size:15px}.archive-record-card figcaption span{font-size:12px}.archive-record-card figcaption p{font-size:14px}