/*
  Scoped update requested on 28 July 2026:
  1. Centre only the Client Reviews heading.
  2. Add relevant web-sourced imagery to the four desktop process cards.
  Tablet and mobile process layouts remain unchanged.
*/

@media (min-width: 761px) {
  #reviews .review-heading-centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  #reviews .review-heading-centered .eyebrow {
    justify-content: center;
  }

  #reviews .review-heading-centered > p:not(.eyebrow) {
    margin-left: auto;
    margin-right: auto;
  }
}

.process-image {
  display: none;
  margin: 0;
}

@media (min-width: 1051px) {
  #process .process-item {
    grid-template-columns: 60px minmax(0, 1fr) 190px;
    align-items: center;
    gap: 22px;
    min-height: 150px;
  }

  #process .process-item > span {
    align-self: start;
    padding-top: 7px;
  }

  #process .process-image {
    display: block;
    width: 190px;
    height: 108px;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(82, 48, 0, .16);
    background: #ead8a5;
    box-shadow: 0 10px 24px rgba(91, 52, 0, .16);
  }

  #process .process-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s cubic-bezier(.2, .75, .2, 1), filter .35s ease;
  }

  #process .process-item:hover .process-image img {
    transform: scale(1.06);
    filter: saturate(1.04) contrast(1.02);
  }
}

@media (min-width: 1051px) and (max-width: 1250px) {
  #process .process-item {
    grid-template-columns: 52px minmax(0, 1fr) 150px;
    gap: 17px;
  }

  #process .process-image {
    width: 150px;
    height: 98px;
  }
}