.value-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 48px;
  padding: 54px 0;
  border-top: 1px solid var(--line);
  align-items: baseline;
}
.value-row:first-of-type { border-top: none; }
.vr-num { font-family: var(--serif); font-style: italic; color: var(--gold); font-size: 1.5rem; }
.vr-name { font-family: var(--serif); font-weight: 500; font-size: clamp(2rem, 4vw, 2.9rem); line-height: 1; margin-bottom: 14px; }
.vr-body { max-width: 56ch; color: var(--muted); font-size: 1.06rem; }
.vr-body .creed {
  display: block;
  margin-top: 14px;
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.2rem;
  color: var(--ink);
}

.code { background: var(--navy); color: var(--cream); padding: 130px 0; }
.code .sec-title { color: var(--cream); }
.code .lead { color: rgba(245, 240, 232, .72); }
.code-list { margin-top: 54px; list-style: none; }
.code-item {
  display: flex;
  gap: 26px;
  padding: 22px 0;
  border-top: 1px solid rgba(245, 240, 232, .14);
  align-items: baseline;
}
.code-item:first-child { border-top: none; }
.code-item .ci-num { font-family: var(--serif); font-style: italic; color: var(--gold); font-size: 1.1rem; min-width: 36px; }
.code-item p { color: rgba(245, 240, 232, .86); font-size: 1.08rem; max-width: 60ch; }

@media (max-width: 860px) {
  .value-row { grid-template-columns: 1fr; gap: 14px; }
}