/* plates.css — Side C. Still images want a plate and a caption, not a
   transport, so this shares the tokens with the rest and nothing else. */

.linernotes{border-top:1px solid var(--hairline);padding:26px 0 8px;max-width:66ch}
.linernotes p{margin:0 0 16px;font-size:16.5px;line-height:1.72;color:var(--bone)}
.linernotes p.first{font-size:19px;line-height:1.62;color:var(--bone)}
.linernotes p:last-child{margin-bottom:0}
.linernotes em{font-style:italic;color:var(--wood-hi)}
.linernotes .rule{font-family:'Bodoni Moda',Georgia,serif;font-style:italic;
  color:var(--red);font-size:18px}

.plates{border-top:1px solid var(--hairline);padding-top:22px;margin-bottom:34px;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:26px}
.plate-item{display:block;text-decoration:none;color:inherit}
.plate-frame{border:1px solid var(--hairline);background:#000;border-radius:3px;
  overflow:hidden;transition:border-color .2s;aspect-ratio:1/1}
.plate-item:hover .plate-frame{border-color:var(--red)}
.plate-frame img{display:block;width:100%;height:100%;object-fit:cover}
.plate-cap{padding:11px 2px 0}
.plate-title{font-family:'Bodoni Moda',Didot,Georgia,serif;font-size:19px;color:var(--bone);
  letter-spacing:.4px}
.plate-item:hover .plate-title{color:var(--red)}
.plate-series{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10.5px;
  text-transform:uppercase;letter-spacing:.24em;color:var(--wood-hi);margin-top:4px}
.plate-note{font-size:13.5px;line-height:1.55;color:var(--smoke);margin-top:7px;font-style:italic}
.plate-src{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--smoke);margin-top:6px;opacity:.75}