/* ==== The Break-In / The Build-Out — split tool chips ==== */

.chip-groups {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  margin-top: 70px;
  padding-top: 44px;
  border-top: 1px solid var(--paper-line);
}

.chip-title {
  font-family: var(--f-display);
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--ink-text);
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 22px;
}

.chip-sub {
  font-family: var(--f-mono);
  font-size: .62rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--steel-dim);
  border: 1px solid var(--paper-line);
  padding: 3px 8px;
}

.chip-group .tool-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: none;
}

.chip-group .tag {
  transition: border-color .3s, color .3s;
}

.chip-group.breakin .tag:hover {
  border-color: var(--crimson);
  color: var(--crimson);
}

.chip-group.buildout .tag:hover {
  border-color: var(--amber);
  color: var(--amber-dim);
}

@media (max-width:820px) {
  .chip-groups {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}