/* Thinqee, About. Tokens in tokens.css, shared nav/footer/layout in base.css. */

.origin-block {
  border-left: 3px solid var(--sunrise); background: var(--card);
  border-radius: var(--radius-sm); padding: 26px 28px; max-width: 640px;
}
.origin-block h2 { margin-bottom: 12px; }

.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.value-card {
  background: var(--card); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 26px 24px;
}
.value-card h3 { color: var(--golden); margin-bottom: 10px; }
.value-card p { color: var(--muted); font-size: 0.9rem; line-height: 1.6; }
@media (max-width: 900px) { .values-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .values-grid { grid-template-columns: 1fr; } }