/* About page */
.story {
  display:grid;
  gap:28px;
}
.principles {
  display:grid;
  gap:14px;
}
.princ {
  padding:var(--space-6) 22px;
  background:var(--color-white);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
}
.princ b {
  display:block;
  font-family:var(--font-heading);
  font-size:var(--fs-30);
  line-height:1;
  font-weight:600;
  color:var(--color-accent);
  margin-bottom:var(--space-3);
}
.princ strong {
  display:block;
  font-size:var(--fs-19);
  line-height:1.3;
  color:var(--color-text);
}
.princ span {
  display:block;
  font-size:var(--fs-16);
  color:var(--color-text-mid);
  margin-top:6px;
}
.notyet {
  margin-top:22px;
  padding:14px var(--space-4);
  border-radius:var(--radius-lg);
  border:1.5px dashed var(--color-line-strong);
  background:var(--color-surface-warm);
  font-size:var(--fs-15);
  color:var(--color-warn-text);
}
.notyet strong {
  color:var(--color-warn-deep);
}
@media (min-width:860px){
  .story {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:var(--space-18);
    align-items:start;
  }
  .principles {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--space-5);
  }
  .princ {
    padding:var(--space-8) 30px;
  }
}