/* about/index.html — company / principles. */

.about-hero {
  padding-block: clamp(3rem, 6vw, 4.5rem) clamp(2rem, 4vw, 3rem);
  border-bottom: 1px solid var(--line);
}
.about-hero .section-lede { max-width: 58ch; font-size: 1.02rem; }

/* Prose */
.prose { max-width: 62ch; }
.prose p { color: var(--ink-2); margin: 0 0 1.15rem; font-size: 1rem; }
.prose p:last-child { margin-bottom: 0; }
.prose strong { color: var(--ink); font-weight: 800; }

/* Principles grid (reuses .planes/.plane-entry from brand.css). Values band: */
.values {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.value {
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-top: 1px solid var(--line);
}
.value:nth-child(odd) { border-right: 1px solid var(--line); }
.value h3 { margin: 0 0 0.5rem; font-size: 1.05rem; font-weight: 800; color: var(--ink); }
.value h3 .v-num { font-family: var(--mono); font-size: 0.72rem; color: var(--accent); margin-right: 0.6rem; }
.value p { margin: 0; font-size: 0.92rem; color: var(--ink-2); }
@media (max-width: 700px) {
  .values { grid-template-columns: 1fr; }
  .value:nth-child(odd) { border-right: none; }
}