/* Writing: lead images on the cards and the piece pages (2 Nov; v2 the same day: drawings flipped to white on black). Separate file so writing.css stays as it is. */
.card .cimg{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#fff;margin-bottom:4px}
.card .cimg.dark{background:#000}
.card .cimg img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .4s}
.card:hover .cimg img,.card:focus-visible .cimg img{transform:scale(1.025)}
.card.lead .side .cimg{margin-bottom:6px}
.lead-img{max-width:40rem;margin:0 auto clamp(36px,6vh,56px);padding:0 22px}
.lead-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;mix-blend-mode:multiply}
@media (prefers-reduced-motion:reduce){.card:hover .cimg img{transform:none}}
.lead-img.dark img{mix-blend-mode:normal}