/* About: story | facts panel, numbered principles, closing CTA panel. */
.about-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2xl); }
.about-story__title { font-size: var(--text-2xl); margin-bottom: var(--space-md); }
.about-story p { max-width: 62ch; color: var(--color-ink-2); font-size: var(--text-md); }
.about-story p + p { margin-top: var(--space-md); }

.facts {
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-xl);
  background: var(--color-navy);
  color: var(--color-on-navy);
}
.facts__title { font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-on-navy-2); font-family: var(--font-body); margin-bottom: var(--space-lg); }
.facts__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
.facts__list dt { font-family: var(--font-display); font-size: 2.5rem; font-weight: 800; line-height: 1; letter-spacing: var(--tracking-tight); color: var(--color-periwinkle-3); font-variant-numeric: tabular-nums; }
.facts__list dd { margin-top: 0.35rem; font-size: var(--text-sm); color: var(--color-on-navy-2); }

.about-principles__title { font-size: var(--text-2xl); margin-bottom: var(--space-lg); }
.principles { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-lg) var(--space-2xl); }
.principle { padding-top: var(--space-md); border-top: 1px solid var(--color-line); }
.principle__num { font-family: var(--font-display); font-weight: 700; font-size: var(--text-sm); color: var(--color-accent); }
.principle__title { margin-top: 0.5rem; font-size: var(--text-lg); }
.principle__desc { margin-top: 0.35rem; font-size: var(--text-sm); color: var(--color-ink-2); max-width: 44ch; }

.about-cta {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-lg);
  padding: clamp(1.75rem, 3.5vw, 2.75rem);
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, var(--color-periwinkle) 0%, var(--color-paper-2) 100%);
  border: 1px solid var(--color-line);
}
.about-cta__title { font-size: var(--text-2xl); max-width: 24ch; }

@media (min-width: 48rem) {
  .principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-cta { flex-direction: row; align-items: center; justify-content: space-between; }
}
@media (min-width: 64rem) {
  .about-split { grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr); gap: var(--space-3xl); align-items: start; }
}