.ecosystem-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #f2e8df;
  border-block: 1px solid var(--line);
}

.ecosystem-strip a {
  display: grid;
  gap: .45rem;
  padding: clamp(1.5rem, 3vw, 2.6rem);
  color: var(--ink);
  text-decoration: none;
  border-right: 1px solid var(--line);
}

.ecosystem-strip a:last-child { border-right: 0; }
.ecosystem-strip span { color: var(--rose); font: 600 .65rem var(--sans); letter-spacing: .12em; }
.ecosystem-strip strong { color: var(--wine); font: 500 clamp(1.3rem, 2vw, 2rem)/1.1 var(--serif); }
.ecosystem-strip small { color: var(--muted); font: 500 .75rem/1.5 var(--sans); }
.book-page h4 { margin: 1.5rem 0 .8rem; color: var(--rose); font: 600 .78rem/1.3 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.closing > p:not(.kicker) { max-width: 760px; margin: 1rem auto 2rem; color: var(--muted); }

@media (max-width: 920px) {
  .ecosystem-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ecosystem-strip a:nth-child(2) { border-right: 0; }
  .ecosystem-strip a:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 560px) {
  .ecosystem-strip { grid-template-columns: 1fr; }
  .ecosystem-strip a { border-right: 0; border-bottom: 1px solid var(--line); }
  .ecosystem-strip a:last-child { border-bottom: 0; }
}