/* Company narrative: introduction, experience, present work, relationships, place. */
.about-editorial .story-opening { padding-top: clamp(36px,5vw,68px); }
.story-opening > div { text-align: center; max-width: 780px; margin: 0 auto 40px; }
.about-editorial .story-opening h1 { max-width: none; }
.story-opening p { margin-inline: auto; }
.about-editorial .story-opening figure img { aspect-ratio: 2.6/1; object-fit: cover; object-position: center 56%; }
.about-editorial .story-chapter { max-width: 850px; padding-block: clamp(52px,7vw,96px); }
.about-editorial .story-chapter h2 { max-width: 28ch; }
.about-editorial .story-label { margin: 0 0 18px; color: #756451; }
.story-copy { margin-top: 28px; }
.story-production { padding-block: clamp(44px,6vw,80px); background: #ece6dd; }
.story-production > div { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(32px,8vw,116px); }
.story-production > div > div > p:first-child { margin-top: 0; }
.about-editorial .story-statement { max-width: 36ch; color: #272520; }
.story-relationships > div { margin-top: 36px; }
.story-place { display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; gap: clamp(32px,6vw,88px); }
.about-editorial .story-place figure img { aspect-ratio: 4/3; object-fit: cover; }
.about-editorial .story-closing { text-align: center; padding-block: clamp(56px,7vw,96px); }
.story-closing :is(h2,p) { margin-inline: auto; }
.story-closing .btn-primary { margin-top: 28px; }
@media (max-width: 760px) {
  .story-opening > div { text-align: left; margin-bottom: 28px; }
  .about-editorial .story-opening figure img { aspect-ratio: 3/2; }
  .story-production > div,.story-place { grid-template-columns: 1fr; gap: 28px; }
  .about-editorial .story-closing { text-align: left; }
  .story-closing :is(h2,p) { margin-inline: 0; }
}