.about-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: clamp(28px, 6vw, 80px); align-items: start; }
.about-copy { display: grid; gap: var(--space-4); min-width: 0; }
.about-copy p { color: var(--color-text-soft); max-width: 62ch; }
.principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ranges { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.range { border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); padding: clamp(20px, 3vw, 28px); display: grid; gap: var(--space-3); align-content: start; }
.range .big { font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 600; letter-spacing: -0.04em; line-height: 1; font-variant-numeric: tabular-nums; }
.range p { color: var(--color-text-soft); font-size: 0.95rem; }
.trust { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-5); align-items: center; border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: clamp(24px, 4vw, 48px); background: radial-gradient(600px 240px at 90% 0%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 70%), linear-gradient(180deg, var(--color-surface), var(--color-background)); }
.trust .copy-block { display: grid; gap: var(--space-3); min-width: 0; }
.trust p { color: var(--color-text-soft); max-width: 58ch; }
.trust .soc { margin-top: 0; }
@media (max-width: 980px) {
  .about-split { grid-template-columns: 1fr; }
  .principles, .ranges { grid-template-columns: 1fr; }
  .trust { grid-template-columns: 1fr; }
}

/* harness:about.html#principles-sec */
#principles-sec .tile img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius-md); margin-bottom: var(--space-4); }
/* /harness:about.html#principles-sec */