/* ─── Startups page ─────────────────────────────────────────────────── */
/* Reuses the .g-* project layout from google.css. The only additions here are
   the company logos that fill the visual column. */

/* Portrait marks size by height. Choose Energy's art is 279×432, so the
   height is capped below 2x of that to stay sharp on retina displays. */
.s-logo {
  display: block;
  width: auto;
  height: clamp(150px, 22vw, 216px);
}

/* Landscape lockups (wordmark + mark) size by width instead of height. */
.s-logo--wide {
  width: clamp(220px, 26vw, 360px);
  height: auto;
}

/* Pixel-art marks: keep the edges hard, and cap at half the source width so
   the grid lands on whole device pixels on 2x displays. */
.s-logo--pixel {
  image-rendering: pixelated;
  width: clamp(200px, 24vw, 300px);
}

/* Live-site CTA closing a project section, below the chip row. */
.s-cta {
  margin-top: 28px;
}

@media (max-width: 900px) {
  .s-logo {
    height: clamp(120px, 26vw, 170px);
  }

  .s-logo--wide {
    width: clamp(180px, 50vw, 260px);
    height: auto;
  }

  .s-logo--pixel {
    width: clamp(160px, 46vw, 240px);
  }
}