.weave{padding:32px 0 64px;max-width:920px;margin:0 auto}
.weave h1{font-size:clamp(24px,3.2vw,36px);color:var(--indigo);margin:8px 0 10px}
.lead{color:var(--muted);margin-bottom:24px}
.warp-key{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.warp-key a{
  padding:6px 12px;background:var(--indigo);color:var(--gold);font-size:12px;font-weight:800;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}
.weft{scroll-margin-top:72px;display:grid;grid-template-columns:56px 1fr;margin-bottom:8px}
.thread{
  writing-mode:vertical-rl;letter-spacing:.22em;display:grid;place-items:center;
  background:var(--indigo);color:var(--gold);font-size:12px;font-weight:800;padding:12px 0;
}
.weft:nth-child(even) .thread{background:var(--teal)}
.weft:nth-child(3n) .thread{background:var(--brick)}
.pick{padding:18px 20px;background:var(--wax);border:3px solid var(--indigo);border-left:0}
.pick h2{font-size:18px;color:var(--indigo);margin-bottom:6px}
.pick p{font-size:14px;color:var(--muted)}
.pick .kpi{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;color:var(--brick)}
.pick img{width:min(100%,300px);height:130px;object-fit:cover;margin-top:12px;border:3px solid var(--indigo)}
@media(max-width:720px){
  .weft{grid-template-columns:1fr}
  .thread{writing-mode:horizontal-tb;letter-spacing:.12em;padding:8px}
}