/* FIELD ENGAGEMENTS — documentary sequence: wide photographs with contact-sheet captions */
.doc-head { background: var(--charcoal); color: var(--sand); }
.doc-head h1 { color: var(--white); font-size: clamp(2.8rem, 1.5rem + 4.6vw, 5.8rem); max-width: 14ch; }
.doc-head h1 em { color: var(--wheat); }
.doc-head .lede { color: var(--sand); }
.doc-head .crumbs { color: var(--sand); }
.doc-head__index { display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; margin-top: 2.2rem; padding-top: 1rem; border-top: 1px solid rgba(232, 221, 200, .2); list-style: none; padding-left: 0; }
.doc-head__index li { margin: 0; }
.doc-head__index a { color: var(--sand); text-decoration: none; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.doc-head__index a:hover { color: var(--wheat); }
.doc-head__index b { color: var(--wheat); margin-right: .4rem; }

.eng { padding-block: clamp(3rem, 2rem + 4vw, 6rem); border-bottom: 1px solid var(--line); }
.eng:nth-of-type(even) { background: var(--white); }
.eng__grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 2.5rem 4rem; align-items: start; }
.eng:nth-of-type(even) .eng__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); }
.eng:nth-of-type(even) .eng__photo { order: 2; }
.eng__photo .plate__frame { background: var(--charcoal); }
.eng__photo .plate--mat .plate__frame { aspect-ratio: 16 / 10; }
.eng__sheet { border-top: 2px solid var(--indigo); padding-top: 1.2rem; }
.eng__sheet .n { font-family: var(--serif); font-size: 4rem; line-height: .9; color: var(--wheat-ink); display: block; margin-bottom: .6rem; }
.eng__sheet h2 { font-size: var(--fs-xl); }
.eng__sheet .facts { margin: 1.2rem 0; }

@media (max-width: 900px) {
  .eng__grid, .eng:nth-of-type(even) .eng__grid { grid-template-columns: minmax(0, 1fr); }
  .eng:nth-of-type(even) .eng__photo { order: 0; }
}