

/* C — evidence-led: the stat wall first, then the mechanics that produced it. */
.wall{max-width:var(--maxw);margin:0 auto;display:grid;
  grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid var(--ink-hairline);border-bottom:1px solid var(--ink-hairline)}
.wcell{padding:var(--pad-subband) var(--gap-md) var(--pad-subband) 0;
  border-right:1px solid var(--ink-hairline)}
.wcell:last-child{border-right:0}
.wcell .n{font-family:var(--f-display);font-weight:800;letter-spacing:var(--ls-display);
  font-size:var(--t-display-lg);line-height:1;color:var(--cream)}
.wcell .l{margin-top:var(--gap-sm);font-size:var(--t-label);letter-spacing:var(--ls-label);
  text-transform:uppercase;font-weight:700;color:var(--ink-90)}
.wcell .s{margin-top:var(--gap-xs);font-size:var(--t-body);color:var(--ink-56)}
.why{max-width:var(--maxw);margin:0 auto;display:grid;
  grid-template-columns:repeat(3,1fr);gap:var(--gap-lg)}
.why .card{display:grid;gap:var(--gap-sm);align-content:start}
.why .card .icowell .ico{--ico:24px}
.why .card h3{font-size:var(--t-lead);line-height:1.12}
.why .card p{margin:0;font-size:var(--t-body);color:var(--ink-84)}
.zlist{max-width:var(--maxw);margin:0 auto;display:grid;gap:0}
.zline{display:grid;grid-template-columns:auto 1fr auto;gap:var(--gap-md);
  align-items:center;padding:var(--gap-md) 0;border-top:1px solid var(--ink-hairline)}
.zline:last-child{border-bottom:1px solid var(--ink-hairline)}
.zline .zspot{width:var(--spot-sm)}
.zline h3{font-size:var(--t-display-sm);line-height:1}
.zline p{margin:var(--gap-xs) 0 0;font-size:var(--t-body);color:var(--ink-84);max-width:56ch}
.zline .cnt{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:800;
  font-size:var(--t-lead);color:var(--ink-90);text-align:right}
.zline .cnt small{display:block;font-family:var(--f-body);font-weight:700;
  font-size:var(--t-label);letter-spacing:var(--ls-label);text-transform:uppercase;
  color:var(--ink-56);margin-top:var(--gap-xs)}
.close{max-width:var(--maxw);margin:0 auto;display:grid;
  grid-template-columns:1fr 1fr;gap:var(--gap-lg);align-items:start}
.close p{font-size:var(--t-body-lg);color:var(--ink-90)}
@media (max-width:900px){
  .wall{grid-template-columns:1fr 1fr}
  .wcell:nth-child(2){border-right:0}
  .why,.close{grid-template-columns:1fr}
}
@media (max-width:640px){
  .zline{grid-template-columns:auto 1fr}
  .zline .cnt{grid-column:2;text-align:left}
}
@media (max-width:420px){
  .wall{grid-template-columns:1fr}
  .wcell{border-right:0;border-bottom:1px solid var(--ink-hairline)}
  .wcell:last-child{border-bottom:0}
}

