/* CHAPTER 09 — WHY PARTNER + INVESTOR RELATIONS */
.partner__band { margin-top: var(--section); }
.partner__investor { padding-top: var(--section); }
.partner__note { font-size: .86rem; line-height: 1.65; color: color-mix(in srgb, var(--bone) 68%, transparent); max-width: 40ch; }
.partner__track { height: 1px; background: var(--hair-ink); position: relative; }
.partner__track span { position: absolute; inset: 0; background: var(--gold); transform: scaleX(0); transform-origin: left center; }
.partner__journey {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--gutter); row-gap: 40px;
  padding-top: 28px;
}
.partner__journey li { position: relative; padding-top: 18px; }
.partner__journey li::before {
  content: ""; position: absolute; left: 0; top: 0; width: 7px; height: 7px;
  transform: rotate(45deg); background: var(--gold);
}
.partner__journey .j-num { font-size: .7rem; font-weight: 500; letter-spacing: .22em; color: var(--gold); }
.partner__journey .j-label { margin-top: 10px; font-family: var(--font-display); font-weight: 500; font-size: clamp(1.2rem, 1.5vw, 1.45rem); line-height: 1.18; max-width: 14ch; }
.partner__cta { margin-top: 56px; }
@media (max-width: 899px) {
  .partner__journey { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
}