/* Work page.

   Everything here is the shared Blocks vocabulary except the technology
   table: a ruled label/pill grid that has no equivalent on another page. */

.bk-tech{margin:24px var(--gut) 0;border-top:var(--rule-2) solid var(--black)}
.bk-tech .trow{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:28px;
  align-items:baseline;padding:20px 0;border-bottom:2px solid var(--black)}
.bk-tech .trow:last-child{border-bottom-width:var(--rule-2)}
.bk-tech .tlabel{font-weight:700;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--accent-ink)}
.bk-tech .titems{display:flex;flex-wrap:wrap;gap:6px}
.bk-tech .titems span{font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  border:2px solid var(--black);color:var(--black);padding:5px 10px}

@media (max-width:860px){
  .bk-tech{margin-left:var(--gut-sm);margin-right:var(--gut-sm)}
  .bk-tech .trow{grid-template-columns:minmax(0,1fr);gap:10px}
}