/* About hero — single column */
.about-hero{
  padding:5rem 3rem;
  border-bottom:1px solid var(--border);
}
.about-hero h1{margin-bottom:2rem}
.about-intro{max-width:640px}
.about-intro p{font-size:.9rem;color:var(--ink2);line-height:1.85;margin-bottom:1.1rem}
.about-intro strong{color:var(--ink);font-weight:500}

/* Values */
.values-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:0;border:1px solid var(--border);margin-top:2.5rem;
}
.val-col{padding:2.25rem 1.75rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.val-col:nth-last-child(-n+3){border-bottom:none}
.val-col:last-child{border-right:none}
.val-n{font-family:'IBM Plex Mono',monospace;font-size:.56rem;letter-spacing:.1em;color:var(--ink3);margin-bottom:.9rem;display:block}
.val-title{font-size:.87rem;font-weight:500;color:var(--ink);margin-bottom:.4rem}
.val-body{font-size:.78rem;color:var(--ink3);line-height:1.75}

/* Team */
.team-note{font-size:.87rem;color:var(--ink3);line-height:1.8;max-width:480px;margin-top:.75rem}

/* Process flow */
.process-flow{margin-top:2.5rem;max-width:560px}
.proc-step{display:grid;grid-template-columns:24px 1fr;gap:1.5rem}
.proc-marker{display:flex;flex-direction:column;align-items:center}
.proc-dot{
  width:10px;height:10px;border-radius:50%;
  border:2px solid var(--green);background:var(--bg);
  flex-shrink:0;margin-top:.25rem;
}
.proc-line{
  width:1px;flex:1;background:var(--border);margin:6px 0;
}
.proc-content{padding-bottom:2.5rem}
.proc-step:last-child .proc-content{padding-bottom:0}
.proc-n{font-family:'IBM Plex Mono',monospace;font-size:.56rem;letter-spacing:.1em;color:var(--ink3);margin-bottom:.4rem;display:block}
.proc-title{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:300;color:var(--ink);margin-bottom:.4rem}
.proc-body{font-size:.79rem;color:var(--ink3);line-height:1.75}

/* RESPONSIVE — about */
@media(max-width:860px){
  .about-hero{padding:3rem 1.5rem}
  .values-grid{grid-template-columns:1fr}
  .val-col{border-right:none;border-bottom:1px solid var(--border)}
  .val-col:nth-last-child(-n+3){border-bottom:1px solid var(--border)}
  .val-col:last-child{border-bottom:none}
}