.hero-proposition {
  max-width: 720px;
  text-transform: none;
  letter-spacing: 0.035em;
  font-size: clamp(1rem, 1.45vw, 1.25rem);
  line-height: 1.35;
}

.track {
  display: block;
}

.track-intro > p:not(.eyebrow) {
  max-width: 650px;
}

.logo-grid {
  grid-template-columns: repeat(7, 1fr);
  gap: 26px 30px;
  margin: 55px 0 75px;
}

.logo-grid img {
  height: 62px;
}

.logo-grid img[alt="M&S Food"] {
  mix-blend-mode: lighten;
}

.testimonials {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.testimonials blockquote,
.testimonials blockquote:first-child {
  margin: 0;
  padding: 0 35px;
  border: 0;
  border-left: 1px solid #58564f;
}

.testimonials blockquote:first-child {
  padding-left: 0;
  border-left: 0;
}

.testimonials .featured {
  margin-left: 0;
}

.testimonials p {
  font-size: clamp(1.08rem, 1.55vw, 1.4rem);
  line-height: 1.4;
}

@media (max-width: 1050px) {
  .logo-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .testimonials {
    grid-template-columns: 1fr;
  }

  .testimonials blockquote,
  .testimonials blockquote:first-child {
    padding: 30px 0;
    border-left: 0;
    border-top: 1px solid #58564f;
  }

  .testimonials blockquote:first-child {
    border-top: 0;
  }
}

@media (max-width: 740px) {
  .logo-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 22px 18px;
  }

  .logo-grid img {
    height: 48px;
  }
}