.technology {
  max-width: none;
  background: var(--ink2);
  color: #fff;
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: clamp(2rem, 8vw, 8rem);
  align-items: start;
}

.technology .eyebrow {
  color: var(--cyan);
}

.tech-copy > p:not(.eyebrow) {
  color: #b8c9e7;
  max-width: 480px;
}

.tech-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid rgba(255, 255, 255, .16);
  border-left: 1px solid rgba(255, 255, 255, .16);
}

.tech-grid article {
  padding: 1.4rem;
  border-right: 1px solid rgba(255, 255, 255, .16);
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.tech-grid span {
  font: 500 .7rem "DM Mono", monospace;
  color: var(--cyan);
}

.tech-grid h3 {
  margin: .7rem 0 .35rem;
  font-size: 1.05rem;
}

.tech-grid p {
  margin: 0;
  color: #aebfdb;
  font-size: .8rem;
}

@media (max-width: 760px) {
  .technology {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .tech-grid {
    grid-template-columns: 1fr;
  }
}