/* intro lead */
  .lead-p { font-size: 22px; line-height: 1.5; font-weight: 300; color: var(--forest); letter-spacing: -.3px; }
  @media (max-width: 620px){ .lead-p { font-size: 19px; } }

  /* CEG Way timeline */
  .steps { display: grid; gap: 0; margin-top: 8px; }
  .step { display: grid; grid-template-columns: 96px 1fr; gap: 34px; padding: 34px 0; position: relative; }
  .step + .step { border-top: 1px solid var(--line); }
  .step-num { font-size: 60px; font-weight: 800; color: var(--sage); letter-spacing: -3px; line-height: .9; }
  .step-itile { width: 44px; height: 44px; border-radius: 50%; background: var(--sage-tint); color: var(--accent);
    display: flex; align-items: center; justify-content: center; margin-top: 14px; }
  .step-body h3 { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
  .step-tag { font-size: 12px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--fg-faint); }
  @media (max-width: 620px){
    .step { grid-template-columns: 64px 1fr; gap: 22px; }
    .step-num { font-size: 42px; }
    .step-itile { display: none; }
  }

  /* principle cards */
  .prin-card { padding: 40px 34px; }
  .prin-itile { width: 56px; height: 56px; border-radius: 50%; background: rgba(255,255,255,.10);
    color: var(--sage); display: flex; align-items: center; justify-content: center; margin-bottom: 22px; }
  .prin-itile i { width: 26px; height: 26px; }

  /* cta */
  .cta-band { text-align: center; }
  .cta-band .d-lg { color: #fff; max-width: 720px; margin: 16px auto 0; }