/* The archive and journal occupy facing pages of the field guide. */
.dispatch.wrap,
.ritual > .ritual-inner.wrap {
  --feature-gap: clamp(2rem, 5.5vw, 5.2rem);
  --feature-inset: clamp(2.4rem, 5vw, 4.75rem);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--feature-gap);
  align-items: center;
  padding-block: var(--feature-inset);
}
.dispatch.wrap { grid-template-areas: "image story"; }
.ritual > .ritual-inner.wrap { grid-template-areas: "story image"; }

.dispatch.wrap > .dispatch-print,
.ritual-inner.wrap > .ritual-photo {
  grid-area: image;
  place-self: center stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 8 / 5;
  border-radius: .2rem;
}
.dispatch.wrap > .dispatch-text,
.ritual-inner.wrap > .ritual-text {
  grid-area: story;
  min-width: 0;
}

.dispatch.wrap .dispatch-print {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  justify-content: stretch;
  gap: clamp(.28rem, 1vw, .85rem);
  padding: clamp(.95rem, 2.1vw, 2.1rem);
  overflow: hidden;
}
.dispatch.wrap .stadium-art {
  display: block;
  place-self: center;
  width: 94%;
  height: 100%;
  min-height: 0;
}
.ritual-inner.wrap .ritual-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 52%;
}
.dispatch.wrap .dispatch-text h2,
.ritual-inner.wrap .ritual-text h2 {
  margin: .85rem 0 .65rem;
  font: 400 clamp(2.65rem, 4.6vw, 4.6rem) / 1.01 var(--serif);
  letter-spacing: -.042em;
  text-wrap: balance;
}
.ritual-inner.wrap .ritual-text h2 {
  max-width: 14ch;
}
.ritual-inner.wrap .ritual-text > p:not(.folio),
.dispatch.wrap .dispatch-text > p:not(.related-line) {
  max-width: 42ch;
}
@media (max-width: 46rem) {
  .dispatch.wrap,
  .ritual > .ritual-inner.wrap {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "image" "story";
    gap: 1.35rem;
    padding-block: clamp(2.1rem, 6vw, 3rem);
  }
  .dispatch.wrap .dispatch-text h2,
  .ritual-inner.wrap .ritual-text h2 {
    font-size: clamp(2.35rem, 8vw, 3.5rem);
  }
}
