/* Seller Build: "Meet the Founder" section + footer founder line (preview 20260927founder2).
   Reuses .section, .section-label, .section-title, .reveal and .btn classes from the site. */

.founder-section { position: relative; overflow: hidden; }
.founder-section::before {
  content: ""; position: absolute; pointer-events: none;
  width: 620px; height: 620px; left: -180px; top: 50%; transform: translateY(-50%);
  background: radial-gradient(closest-side, rgba(188, 239, 18, 0.09), rgba(188, 239, 18, 0) 70%);
}

.founder-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.25rem;
  align-items: center;
}
/* Desktop: image column ~58% of the container so the text inside the card stays readable */
@media (min-width: 1024px) {
  .founder-grid { grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); gap: clamp(2.5rem, 4vw, 3.5rem); }
}

/* Full, uncropped founder card (natural 1305:1206 ratio) with lime glow border */
.founder-photo {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  border-radius: 20px;
  padding: 2px;
  background: linear-gradient(145deg, #CDF53F 0%, rgba(188, 239, 18, 0.35) 45%, rgba(188, 239, 18, 0.85) 100%);
  box-shadow:
    0 0 0 1px rgba(188, 239, 18, 0.25),
    0 0 38px -6px rgba(188, 239, 18, 0.38),
    0 30px 70px -30px rgba(188, 239, 18, 0.45);
}
.founder-photo picture {
  display: block;
  overflow: hidden;
  border-radius: 18px;
  background: #110F0F;
}
.founder-photo img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 18px;
}

/* Text column */
.founder-copy .section-label { margin-bottom: 1rem; }
.founder-name { margin-bottom: 0.35rem; }
.founder-role {
  font-size: var(--fs-base, 1rem);
  font-weight: 600;
  color: #CDF53F;
  letter-spacing: 0.01em;
  margin: 0 0 1.25rem;
}
.founder-bio {
  color: var(--sb-muted-fg, #C0C0C0);
  font-size: var(--fs-lg, 1.125rem);
  line-height: 1.65;
  max-width: 36rem;
  margin: 0 0 0.75rem;
}
.founder-quote {
  margin: 1.5rem 0 2rem;
  padding: 0.35rem 0 0.35rem 1.1rem;
  border-left: 3px solid #BCEF12;
  color: #BCEF12;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
.founder-quote p { margin: 0; color: inherit; }
.founder-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.founder-actions .btn svg { flex-shrink: 0; }
.founder-actions .btn-email {
  background: #110F0F;
  color: #fff;
  border: 1px solid #27272A;
  border-radius: 999px;
}
.founder-actions .btn-email:hover { border-color: rgba(188, 239, 18, 0.6); color: #BCEF12; transform: translateY(-2px); }
.founder-actions .btn-whatsapp { border-radius: 999px; }

@media (max-width: 1023px) {
  .founder-photo { max-width: 760px; margin-inline: auto; }
}
@media (max-width: 520px) {
  .founder-photo { max-width: none; }
  .founder-actions .btn { width: 100%; white-space: normal; text-align: center; }
  .founder-bio { font-size: var(--fs-base, 1rem); }
}

/* Footer: "Founded by" line, sits on its own row inside .footer-bottom */
.footer-bottom .footer-founder {
  order: 3;
  width: 100%;
  font-size: var(--fs-xs, 0.75rem);
  color: var(--sb-muted-fg, #C0C0C0);
  opacity: 0.85;
  letter-spacing: 0.01em;
}
.footer-bottom .footer-founder strong { color: #fff; font-weight: 600; }