/* ==========================================================================
   Section 6 — Data Furnisher Consulting
   Source of truth: design_handoff_sections/README.md ("Section 6").

   The shortest, quietest section on the page: no photography, smaller
   headline. It is deliberately a step down in volume before the close.
   ========================================================================== */

.furnisher {
  background: var(--black-proof);
  padding: var(--space-100) var(--gutter) 96px;
}

.furnisher__inner {
  display: grid;
  grid-template-columns: 1fr 496px;
  column-gap: var(--space-80);
  align-items: start;
}

/* --- Left ----------------------------------------------------------------- */

.furnisher__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-24);
}

.furnisher__copy .section-h2 {
  font-size: 40px;
  line-height: 1.06;
  letter-spacing: -.022em;
}

.furnisher__lede { max-width: 56ch; }

.furnisher__cta-row {
  display: flex;
  align-items: center;
  gap: var(--space-22);
  margin-top: 12px;
  flex-wrap: wrap;
}

.furnisher__serious {
  font-family: var(--font-ui);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(240, 233, 220, .66);
}

/* --- Right ---------------------------------------------------------------- */

.furnisher__list { padding-top: 8px; }

.furnisher__rule {
  height: 1px;
  background: rgba(217, 169, 58, .26);
  margin-bottom: var(--space-26);
}

.furnisher__list .bullets { gap: var(--space-16); }

.furnisher__rule--light {
  background: rgba(217, 169, 58, .14);
  margin: 28px 0 18px;
}

.furnisher__note {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 300;
  font-size: 12px;
  line-height: 1.6;
  color: rgba(246, 241, 230, .66);
  text-wrap: pretty;
}

.furnisher__note a { color: var(--gold-figure); }
.furnisher__note a:hover { color: var(--gold-cta-hover); }

/* --- Responsive ----------------------------------------------------------- */

@media (max-width: 1024px) {
  .furnisher__inner {
    grid-template-columns: 1fr;
    row-gap: var(--space-44);
  }
}

@media (max-width: 768px) {
  .furnisher { padding: var(--space-72) var(--gutter); }
  .furnisher__copy .section-h2 { font-size: clamp(30px, 7vw, 40px); }
  .furnisher__cta-row {
    gap: var(--space-14);
    flex-direction: column;
    align-items: flex-start;
  }
  .furnisher__serious { align-self: center; }
  .furnisher__inner { row-gap: var(--space-38); }
}
