.about-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.about-card {
  padding: 26px;
}

.about-card h3 {
  margin: 18px 0 10px;
  font-size: 1.15rem;
  position: relative;
  z-index: 1;
}

.about-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
  position: relative;
  z-index: 1;
}

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

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