/* a word from Maureen, and who the book is for */
.word-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-7); } /* minmax: the photo's own width must not size the column */
.word-photo { margin: 0 calc(var(--gutter) * -1); aspect-ratio: 3 / 2; background: var(--night-deep); overflow: hidden; }
.word-photo picture { height: 100%; }
.word-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; }
.word-text h2 { margin-bottom: var(--s-5); }
.word-text .sc { margin: var(--s-6) 0 var(--s-3); }
@media (min-width: 768px) {
  .word-photo { margin-inline: 0; max-width: 34rem; aspect-ratio: 4 / 5; }
  .word-photo img { object-position: 50% 50%; }
}
@media (min-width: 1100px) {
  .word-grid { grid-template-columns: repeat(12, 1fr); column-gap: 24px; align-items: start; }
  .word-photo { grid-column: 1 / 6; position: sticky; top: calc(var(--bar-h) + 40px); max-width: none; }
  .word-text { grid-column: 7 / 13; max-width: 36em; }
}