/* ============================================================
   CASHEENO — about page
   Page shell, primitives, prose and CTA come from cs-ui.css.
   ============================================================ */

.cs-about__split {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr);
  align-items: start;
  gap: clamp(2rem, 5vw, 4rem);
}
@media (max-width: 880px) {
  .cs-about__split { grid-template-columns: minmax(0, 1fr); }
}
.cs-about__body .cs-head { margin-bottom: 1.75rem; }

.cs-about__aside { display: grid; gap: 1.25rem; }
/* One column here rather than three across — it sits in a narrow rail. */
.cs-stats--stack { grid-template-columns: minmax(0, 1fr); max-width: none; }

.cs-about__where {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  margin: 0;
  font-size: .88rem;
  line-height: 1.5;
  color: var(--cs-fg-dim);
}
.cs-about__where svg { width: 16px; height: 16px; flex: none; margin-top: .18em; color: var(--cs-brand-text); }

/* ---------- principles ---------- */
.cs-values {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
  gap: 1rem;
}
.cs-value {
  padding: 1.6rem 1.5rem 1.7rem;
  display: grid;
  gap: .6rem;
  align-content: start;
  transition: transform .3s var(--cs-ease), border-color .3s var(--cs-ease);
}
.cs-value:hover { transform: translateY(-4px); border-color: rgba(192, 38, 211, .3); }
.cs-value__n {
  font-family: var(--cs-mono);
  font-size: .74rem;
  font-weight: 600;
  letter-spacing: .1em;
  color: var(--cs-brand-text);
}
.cs-value p { font-size: .93rem; color: var(--cs-fg-muted); }

/* ---------- capabilities ---------- */
.cs-about__cover { display: grid; gap: 1.5rem; justify-items: start; }
.cs-about__cover .cs-chips { gap: .5rem; }
.cs-about__cover .cs-chip { font-size: .8rem; padding: .5rem .9rem; }

.cs-about__link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .93rem;
  font-weight: 600;
  color: var(--cs-brand-text);
  border-bottom: 1px solid transparent;
  transition: border-color .2s var(--cs-ease), gap .2s var(--cs-ease);
}
.cs-about__link:hover { border-bottom-color: currentColor; gap: .7rem; }
.cs-about__link svg { width: 1em; height: 1em; }