.statement {
  position: relative;
  isolation: isolate;
  min-height: 760px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(11, 13, 15, .96) 0%, rgba(11, 13, 15, .91) 40%, rgba(11, 13, 15, .42) 72%, rgba(11, 13, 15, .28) 100%),
    url("assets/smart-inspection.webp") center right / cover no-repeat;
}

.statement::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(0deg, rgba(11, 13, 15, .72), transparent 50%);
}

.statement-grid {
  grid-template-columns: minmax(0, 700px);
  gap: 38px;
  margin-right: 42%;
}

.statement-grid > div {
  max-width: 660px;
}

.statement p {
  color: #d2d4d3;
}

.statement .text-link {
  border-color: var(--taupe);
}

.service-card {
  grid-template-columns: 1fr;
}

@media (max-width: 980px) {
  .statement {
    background:
      linear-gradient(90deg, rgba(11, 13, 15, .94), rgba(11, 13, 15, .65)),
      url("assets/smart-inspection.webp") 68% center / cover no-repeat;
  }

  .statement-grid { margin-right: 24%; }
}

@media (max-width: 720px) {
  .statement {
    min-height: 720px;
    background:
      linear-gradient(0deg, rgba(11, 13, 15, .97) 8%, rgba(11, 13, 15, .68) 100%),
      url("assets/smart-inspection.webp") 69% center / cover no-repeat;
  }

  .statement-grid { margin-right: 0; }
}
