.generation-section {
  padding: 110px 0;
  background: #e4e8ee;
}

.generation-section h2 {
  max-width: 760px;
  margin: 14px 0 22px;
  font: 300 clamp(38px, 4.5vw, 68px)/1.06 'Manrope', sans-serif;
  letter-spacing: -.045em;
}

.generation-intro {
  max-width: 670px;
  color: var(--muted);
  line-height: 1.7;
}

.generation-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 55px;
  border-top: 1px solid #b9c2cd;
  border-left: 1px solid #b9c2cd;
}

.generation-grid article {
  min-height: 330px;
  padding: 30px;
  border-right: 1px solid #b9c2cd;
  border-bottom: 1px solid #b9c2cd;
}

.generation-grid span {
  color: var(--blue);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.generation-grid h3 {
  margin: 65px 0 24px;
  font: 400 30px 'Manrope', sans-serif;
}

.generation-grid p {
  color: var(--muted);
  line-height: 1.65;
}

.generation-grid b { color: var(--ink); }

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