/* The review extends the existing Figtree / forest / paper direction. These
   selectors belong only to this homepage offer; shared buttons retain their
   established appearance, keyboard focus, and reduced-motion behavior. */
.growth-review {
  padding: 76px 0;
  background: var(--sage);
  border-bottom: 1px solid var(--line);
}

.growth-review-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr);
  align-items: center;
  gap: 56px;
}

.growth-review-copy {
  min-width: 0;
}

.growth-review-copy .section-intro {
  margin-bottom: 18px;
  color: var(--forest);
  font-weight: 600;
}

.growth-review h2 {
  color: var(--deep);
  font-size: clamp(38px, 3.6vw, 50px);
  font-weight: 600;
  line-height: 1.08;
}

.growth-review-summary {
  margin-top: 23px;
  max-width: 33em;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.65;
}

/* Three simple facts make the scope inspectable without suggesting measured
   commercial results. The final column has room for the longer recommendation
   label, and all columns can shrink without forcing horizontal overflow. */
.growth-review-deliverables {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1fr) minmax(0, 1.35fr);
  gap: 18px;
  margin: 28px 0;
  padding: 22px 0;
  list-style: none;
  border-top: 1px solid var(--interface-line, var(--line));
  border-bottom: 1px solid var(--interface-line, var(--line));
}

.growth-review-deliverables strong,
.growth-review-deliverables span {
  display: block;
}

.growth-review-deliverables strong {
  color: var(--deep);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
}

.growth-review-deliverables span {
  margin-top: 7px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.growth-review-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 22px;
}

.growth-review-actions .button {
  min-height: 54px;
}

.growth-review-reassurance {
  color: var(--forest);
  font-size: 15px;
  font-weight: 500;
}

.growth-review-note {
  max-width: 36em;
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.55;
}

/* Keep the illustration's full composition, logo, and type visible. HTML
   width/height reserve its landscape ratio; height:auto also handles the
   final asset's natural dimensions without cover-style cropping. */
.growth-review-art {
  min-width: 0;
  margin: 0;
}

.growth-review-art a {
  display: block;
}

.growth-review-art img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 1100px) {
  .growth-review-layout {
    gap: 36px;
  }

  .growth-review-deliverables {
    gap: 12px;
  }
}

/* On tablets and phones, the offer and booking action precede the supporting
   art in both the visual and document order. Nothing overlaps the image. */
@media (max-width: 900px) {
  .growth-review {
    padding: 62px 0;
  }

  .growth-review-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }

  .growth-review-copy {
    max-width: 660px;
  }

  .growth-review-art {
    width: 100%;
    max-width: 660px;
  }
}

@media (max-width: 560px) {
  .growth-review {
    padding: 48px 0;
  }

  .growth-review h2 {
    font-size: clamp(34px, 8.6vw, 42px);
  }

  .growth-review-summary {
    margin-top: 20px;
    font-size: 17px;
  }

  .growth-review-deliverables {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin: 24px 0;
    padding: 20px 0;
  }

  .growth-review-deliverables li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: baseline;
    gap: 18px;
  }

  .growth-review-deliverables span {
    margin-top: 0;
  }

  .growth-review-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .growth-review-actions .button {
    max-width: 100%;
    font-size: 16px;
  }
}