.why-summary {
  background: var(--ink-deep);
  color: #fff;
}

.why-summary-head {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 8vw;
  align-items: end;
  margin-bottom: 54px;
}

.why-summary-head h2 {
  margin: 0;
  font: 600 clamp(38px, 5vw, 68px)/1.03 Manrope, sans-serif;
  letter-spacing: -.052em;
}

.why-summary-head > div:last-child p {
  max-width: 520px;
  margin: 0 0 22px;
  color: #b8c9c4;
  font-size: 16px;
  line-height: 1.7;
}

.why-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #ffffff2b;
  border-bottom: 1px solid #ffffff2b;
}

.why-summary-grid article {
  min-height: 280px;
  padding: 30px 25px 34px 0;
}

.why-summary-grid article + article {
  padding-left: 25px;
  border-left: 1px solid #ffffff2b;
}

.why-summary-grid span {
  color: var(--amber);
  font-size: 10px;
}

.why-summary-grid h3 {
  margin: 55px 0 12px;
  font: 600 19px/1.25 Manrope, sans-serif;
}

.why-summary-grid p {
  margin: 0;
  color: #b8c9c4;
  font-size: 12px;
  line-height: 1.7;
}

@media (max-width: 1000px) {
  .why-summary-grid {
    grid-template-columns: 1fr 1fr;
  }

  .why-summary-grid article:nth-child(3) {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid #ffffff2b;
  }

  .why-summary-grid article:nth-child(4) {
    border-top: 1px solid #ffffff2b;
  }
}

@media (max-width: 700px) {
  .why-summary-head,
  .why-summary-grid {
    grid-template-columns: 1fr;
  }

  .why-summary-head {
    gap: 30px;
  }

  .why-summary-grid article,
  .why-summary-grid article + article {
    min-height: 0;
    padding: 28px 0;
    border-top: 1px solid #ffffff2b;
    border-left: 0;
  }

  .why-summary-grid article:first-child {
    border-top: 0;
  }

  .why-summary-grid h3 {
    margin-top: 25px;
  }
}

.services {
  background: var(--ink-deep);
  color: #fff;
}

.services .section-head,
.services .service {
  border-color: #ffffff2b;
}

.services .section-note,
.services .service p,
.services .service-number {
  color: #b8c9c4;
}

.services .service-icon {
  border-color: #ffffff45;
  color: #fff;
}

.services .service-link {
  color: #fff;
}