.page-v4 .transformation-delivery__heading {
  --delivery-icon-size: 32px;
  display: grid;
  grid-template-columns: var(--delivery-icon-size) minmax(0, 1fr);
  align-items: start;
  column-gap: 12px;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.14;
}

.page-v4 .transformation-delivery__heading h3 {
  min-width: 0;
}

.page-v4 .transformation-delivery__heading .transformation-delivery__icon {
  width: var(--delivery-icon-size);
  height: var(--delivery-icon-size);
  margin: calc((1.14em - var(--delivery-icon-size)) / 2) 0 0;
  stroke-width: 2;
}

.page-v4 .transformation-delivery__grid article,
.page-v4 .transformation-delivery__grid article:hover {
  transform: none;
  transition: none;
  border-color: rgba(255, 255, 255, 0.72);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.53), rgba(244, 242, 242, 0.34)),
    color-mix(in srgb, var(--cream) 44%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 -1px 0 rgba(46, 42, 35, 0.035),
    0 16px 42px rgba(28, 25, 23, 0.07),
    0 2px 8px rgba(28, 25, 23, 0.035);
}

.page-v4 .transformation-delivery__heading .transformation-delivery__illustration {
  object-fit: contain;
  mix-blend-mode: multiply;
}

.page-v4 .transformation-delivery__heading--architecture {
  --delivery-icon-size: 36px;
}

@media (max-width: 780px) {
  .page-v4 .transformation-delivery__heading {
    --delivery-icon-size: 28px;
  }

  .page-v4 .transformation-delivery__heading--architecture {
    --delivery-icon-size: 32px;
  }
}