/* Keep the existing pyramid, materials and responsive composition. */
#ecosystem .eco-level--data .eco-tags,
#ecosystem .eco-source-row:first-child .eco-tags {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  justify-content: center;
  gap: 6px;
}
#ecosystem .eco-level--data .eco-tags li,
#ecosystem .eco-source-row:first-child .eco-tags li {
  justify-content: center;
  min-height: 30px;
  font-size: 11px;
}
#ecosystem .eco-level--data .eco-tags .eco-icon,
#ecosystem .eco-source-row:first-child .eco-tags .eco-icon {
  width: 14.3px;
  height: 14.3px;
}
#ecosystem .eco-overview > .eco-actions {
  grid-column: auto;
  align-items: flex-start;
  margin-top: 28px;
  text-align: left;
}
#ecosystem .eco-overview > .eco-actions .button { padding-inline: 18px; }

/* Personal experience is prose alongside the portrait, without an empty facts row. */
#about .founder-overview {
  grid-template-areas: "portrait heading" "portrait quote";
  grid-template-rows: auto 1fr;
}
#about .founder-heading { align-self: start; }
#about .founder-quote p { margin: 0; }
#about .founder-quote p + p { margin-top: 16px; }

@container eco-pyramid (max-width: 536px) {
  #ecosystem .eco-level--data .eco-tags { display: none; }
}
@media (max-width: 899px) {
  #ecosystem .eco-overview > .eco-actions {
    order: 2;
    width: min(100%, 640px);
    justify-self: center;
    margin-top: 0;
  }
}
@media (max-width: 700px) {
  #about .founder-overview {
    grid-template-areas: "heading" "portrait" "quote";
    grid-template-rows: auto;
  }
}