/* ── Founders ("Biz kimiz") — two short founder cards (photo, name, role), a direct contact line and a link to hakkimizda/ (bios and LinkedIn live there) ── */
.founders .section-heading > p { max-width: 640px; margin-inline: auto; }
.founder-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 900px;
  margin: 40px auto 0;
  padding: 0;
  list-style: none;
}
.founder {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px 32px 32px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: var(--card-shadow);
  text-align: center;
}
.founder-photo {
  width: 132px;
  height: 132px;
  border: 5px solid var(--color-surface);
  border-radius: 50%;
  object-fit: cover;
  box-shadow: var(--mascot-shadow), 0 0 0 1px var(--mascot-edge);
}
.founder h3 { margin-top: 20px; font-size: var(--text-h3); }
.founder-role { margin-top: 4px; font-size: var(--text-250); font-weight: var(--weight-semibold); color: var(--color-accent); }

.founders-contact { max-width: 640px; margin: 35px auto 0; font-size: var(--text-body); line-height: var(--leading-body); color: var(--color-muted); text-align: center; }
.founders-contact a { font-weight: var(--weight-bold); color: var(--color-accent); }
.founders-more { margin-top: 14px; text-align: center; }
.founders-more a { font-size: var(--text-350); font-weight: var(--weight-bold); color: var(--color-accent); }

.founders-contact a:hover, .founders-more a:hover { text-decoration: underline; }

@media (max-width: 700px) {
  .founder-list { grid-template-columns: 1fr; gap: 20px; margin-top: 30px; }
  .founder { padding: 28px 22px 24px; }
  .founder-photo { width: 112px; height: 112px; }
  .founders-contact { font-size: var(--text-300); }
}