/* avenir.css — III · le champ du couchant : tout le mouvement sur la terre cuite (constante, deux thèmes),
   six serments gravés, numéraux ocre allumés, avant la nuit de la veillée. */

.field {
  --c-ink: var(--c-field-ink);
  --c-ink-2: var(--c-field-ink-2);
  --c-ink-3: var(--c-field-ink-2);
  --c-line: var(--c-field-line);
  --c-sun: var(--c-field-num);
  --c-terra-text: var(--c-field-ink);
  --c-focus: var(--c-field-num);
  --c-link-underline: var(--c-field-num);
  --c-selection: #5A4A2E;
  --zone-sun: var(--c-field-num);
  background-color: var(--c-field);
  color: var(--c-field-ink);
}

.field ::selection {
  color: var(--c-field-ink);
}

.field > .wall {
  padding-block-start: var(--s-8);
}

/* ── Serments : numéraux gravés, vœu, preuve ──────────── */
.oaths {
  margin-block-start: var(--s-7);
  border-block-start: var(--stroke-hair) solid var(--c-field-line);
}

.oath {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: var(--gutter);
  padding-block: var(--s-6) var(--s-7);
  border-block-end: var(--stroke-hair) solid var(--c-field-line);
}

.oath__num {
  grid-row: 1 / span 2;
  font-family: var(--f-avenir);
  font-size: var(--t-3xl);
  font-weight: var(--w-display-light);
  line-height: 0.78;
  color: var(--c-field-num);
  font-variant-numeric: lining-nums;
}

.oath__vow {
  font-family: var(--f-avenir);
  font-size: var(--t-xl);
  font-weight: var(--w-display-strong);
  line-height: 1.15;
  letter-spacing: var(--track-title);
  text-wrap: balance;
}

.oath__proof {
  max-inline-size: var(--measure);
  margin-block-start: var(--s-3);
  color: var(--c-field-ink-2);
}

@media (min-width: 40rem) {
  .oath {
    grid-template-columns: 7rem minmax(0, 1fr);
  }
}