/* ============================================================
   About page: page-specific layout only (colors, fonts, buttons,
   borders and section backgrounds come from iqup.css).
   Every rule is scoped under .page-about.
   ============================================================ */

/* Block 4: the founder's lead paragraph keeps the template's 40px line
   height on desktop; on phones the smaller type needs tighter leading. */
@media screen and (max-width: 767px) {
  .page-about .about-founder .line-height-40 { line-height: 1.5; }
}

/* Block 8: The Ecosystem. about9-*.png are 600x210 pill banners with the
   pill already drawn in, so show each one whole instead of cropping it
   into the template's fixed 140px frame. */
.page-about .about-ecosystem .item .img { height: auto; }
.page-about .about-ecosystem .item .img img {
  width: 100%;
  height: auto;
  display: block;
}

/* Block 6, Team: the four cards stretch to the row height, so the gap between
   stacked cards comes from row-gap (see the .foundation-feat rule in iqup.css). */
.page-about .about-team > .container > .row { row-gap: 50px; }