/* Story only: authentic photographs balance the timeline and the long narrative. */
.mm-open.mm-open--story.mm-story-heading {
  min-height: 0;
  height: auto;
  margin: 0;
  padding: calc(var(--mm-top) + clamp(2rem, 5vw, 4rem)) var(--mm-side) clamp(2rem, 4vw, 3.5rem);
  background: var(--paper);
}
.mm-open--story.mm-story-heading .mm-open__copy {
  width: 100%;
  max-width: none;
  padding: 0;
  background: none;
}
.mm-story-dates .mm-chapter__copy,
.mm-story-essay .mm-chapter__copy {
  gap: clamp(1.25rem, 2.4vw, 2rem);
  width: 100%;
  min-width: 0;
}
.mm-story-photo {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: #ebe6d8;
}
.mm-story-photo picture { display: block; width: 100%; height: 100%; }
.mm-story-photo img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.mm-story-photo--stone {
  aspect-ratio: 4 / 5;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0 100%);
}
.mm-story-photo--stone img { object-position: 50% 43%; }
.mm-story-photo--olive {
  aspect-ratio: 4 / 5;
  clip-path: polygon(28px 0, 100% 0, 100% 100%, 0 100%, 0 28px);
}
.mm-story-photo--olive img { object-position: 50% 50%; }
@media (max-width: 1023px) {
  .mm-story-photo--stone, .mm-story-photo--olive { aspect-ratio: 4 / 5; }
  .mm-story-dates .mm-chapter__grid,
  .mm-story-essay .mm-chapter__grid { gap: 2rem; }
}