.about-intro {
  display: grid;
  gap: 18px;
}

.about-highlight-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(12, 1fr);
}

.about-highlight-grid .tile {
  grid-column: span 4;
}

.about-values-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(12, 1fr);
}

.about-values-grid .tile {
  grid-column: span 6;
}

.about-panel p {
  max-width: 72ch;
}

@media (max-width: 900px) {
  .about-highlight-grid .tile,
  .about-values-grid .tile {
    grid-column: span 12;
  }
}

@media (max-width: 560px) {
  .about-panel p {
    max-width: 100%;
  }
}