/* Stackpine — builds / portfolio page: a log of panels, separated by space */
.builds{display:grid;gap:12px}
.build{display:grid;gap:14px 48px;padding:clamp(28px,3vw,40px);background:var(--paper)}
@media (min-width:860px){
  .build{grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);align-items:start}
  .build__id{grid-row:1 / span 2}
}
.build--featured{background:var(--land)}
.build h3{font-size:var(--step-lead);letter-spacing:-.02em;line-height:1.05}
.build--featured h3{font-size:clamp(1.75rem,1.2rem + 1.8vw,2.5rem);letter-spacing:-.03em}
.build__kind{font-size:var(--step-small);color:var(--ink-soft);margin-top:6px}

/* the number is the point: strongest treatment in the row */
.build__metric{font-family:var(--display);font-weight:700;font-size:var(--step-lead);letter-spacing:-.02em;line-height:1.1;color:var(--pine);margin-top:16px}

.build__more summary{
  list-style:none;cursor:pointer;font-weight:600;color:var(--pine);
  display:inline-flex;align-items:center;gap:10px;min-height:44px;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em;text-decoration-color:transparent;
  transition:text-decoration-color var(--t-hover) ease;
}
.build__more summary::-webkit-details-marker{display:none}
.build__more summary::after{
  content:'';width:8px;height:8px;border-right:2.5px solid currentColor;
  border-bottom:2.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 200ms var(--ease-out);
}
.build__more[open] summary::after{transform:translateY(2px) rotate(-135deg)}
@media (hover:hover) and (pointer:fine){.build__more summary:hover{text-decoration-color:currentColor}}
.build__body{padding-top:8px}
.build__body h4{font-size:var(--step-body);font-family:var(--text);font-weight:600;letter-spacing:0;line-height:1.3;margin:20px 0 6px}
.build__body h4:first-child{margin-top:0}
.build__body p{line-height:1.6}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chips li{font-size:var(--step-small);padding:4px 10px;background:var(--ground)}
.build--featured .chips li{background:var(--paper)}
