.service-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #273149;
}

.service-grid a {
  min-height: 260px;
  background: var(--ink);
  border-right: 0;
}

.section-soft {
  background: var(--paper);
}

.portfolio-section {
  scroll-margin-top: 90px;
}

.portfolio-heading h2 {
  max-width: 720px;
}

.section-soft .case-card {
  box-shadow: 0 10px 30px rgba(11, 17, 32, .04);
}

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

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