/* Separate portrait and biography cards share a calm, compact composition. */
.founder-feature.section {
  display: block;
  width: min(1080px, 88%);
  max-width: none;
  margin: 24px auto 0;
  padding: 0;
  color: #172e4f;
  background: none;
  scroll-margin-top: 12px;
}
.founder-feature .founder-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.founder-feature .founder-portrait {
  position: relative;
  width: 100%;
  height: auto;
  min-width: 0;
  max-width: none;
  max-height: none;
  margin: 0;
  aspect-ratio: 4 / 5;
  padding: 0;
  border: 0;
  cursor: pointer;
  align-self: stretch;
  border-radius: 24px;
  overflow: hidden;
  background: #d6d7d9;
  box-shadow: none;
}
.founder-feature .founder-portrait > img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1122 / 1402;
  object-fit: cover;
  object-position: center;
  filter: none;
  transition: transform .5s;
}
.founder-feature .founder-portrait:hover > img { transform: scale(1.035); }
.founder-feature .founder-portrait:focus-visible { outline: 3px solid #173c68; outline-offset: 4px; }
.founder-portrait-plus { position: absolute; right: 24px; bottom: 24px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: #fff; background: rgb(255 255 255 / .10); backdrop-filter: blur(12px) brightness(1.06); -webkit-backdrop-filter: blur(12px) brightness(1.06); transition: background .2s, color .2s; }
.founder-portrait-plus .lucide { width: 18px; height: 18px; }
.founder-portrait:hover .founder-portrait-plus { color: #fff; background: rgb(255 255 255 / .22); }
@media (prefers-reduced-motion: reduce) {
  .founder-feature .founder-portrait > img, .founder-portrait-plus { transition: none; }
  .founder-feature .founder-portrait:hover > img { transform: none; }
}
.founder-feature .founder-feature-copy {
  position: static;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  padding: clamp(28px, 3.6vw, 52px);
  border-radius: 24px;
  color: #172e4f;
  background: #e9eff4;
  transform: none;
}
.founder-feature .founder-kicker {
  margin: 0 0 16px;
  color: #536880;
  font-size: 14px;
  letter-spacing: .14em;
  line-height: 1.5;
}
.founder-feature .founder-heading h3 {
  display: block;
  margin: 0 0 32px;
  color: #172e4f;
  font-size: clamp(37px, 3.55vw, 47px);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: .025em;
}
.founder-feature .credentials {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 20px;
  width: 100%;
  margin: 0 0 26px;
}
.founder-feature .credentials span {
  padding: 0 0 10px;
  border: 0;
  border-bottom: 1px solid #bfcddd;
  border-radius: 0;
  color: #2d4867;
  background: none;
  font-size: 14px;
  line-height: 1.65;
}
.founder-feature .credentials span:nth-child(3) { grid-column: 2; grid-row: 2; }
.founder-feature .credentials span:nth-child(4) { grid-column: 1; grid-row: 2; }
.founder-feature .founder-feature-copy > p {
  margin: 0;
  color: #455b73;
  font-size: 16px;
  line-height: 1.9;
  text-wrap: pretty;
}
.founder-feature .founder-feature-copy .founder-story-open {
  min-height: 48px;
  margin-top: 32px;
  padding: 12px 18px;
  border: 1px solid #8198b2;
  color: #173c68;
  background: transparent;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.5;
  gap: 16px;
  text-align: left;
}
.founder-mobile-credentials { display: none; }
.founder-feature .founder-story-open .founder-action-compact { display: none; }
.founder-feature .founder-story-open span { font-size: inherit; line-height: inherit; }
.founder-feature .founder-feature-copy .founder-story-open:hover {
  color: #fff;
  background: #173c68;
  border-color: #173c68;
}
.founder-feature .founder-feature-copy .founder-story-open:focus-visible {
  outline: 3px solid #173c68;
  outline-offset: 4px;
}
@media (max-width: 1000px) {
  .founder-feature.section { width: 88%; }
  .founder-feature .founder-layout { gap: 16px; }
  .founder-feature .founder-feature-copy { padding: 28px; }
  .founder-feature .founder-heading h3 { margin-bottom: 24px; }
  .founder-feature .credentials { gap: 10px 14px; margin-bottom: 20px; }
  .founder-feature .founder-feature-copy .founder-story-open { margin-top: 24px; }
}
@media (max-width: 720px) {
  .founder-feature.section { width: 86%; margin-block: 16px 0; scroll-margin-top: 8px; }
  .founder-feature .founder-layout { --founder-photo-height: calc(86vw * 1402 / 1122); position: relative; display: block; isolation: isolate; overflow: hidden; border-radius: 20px; background: #adb1b7; }
  /* Stretch only the photo's top 1% into the text backdrop, preserving its left/right tones. */
  .founder-feature .founder-layout::before { content: ""; position: absolute; top: -12px; left: -14px; right: -14px; height: calc(100% - var(--founder-photo-height) + 44px); background-image: var(--founder-photo); background-repeat: no-repeat; background-position: center top; background-size: 100% 10000%; filter: blur(12px); pointer-events: none; }
  .founder-feature .founder-portrait { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; border-radius: 20px; background: transparent; }
  .founder-feature .founder-portrait > img { position: absolute; inset: auto 0 0; width: 100%; height: var(--founder-photo-height); aspect-ratio: 1122 / 1402; object-fit: contain; mask-image: linear-gradient(transparent, #000 24px); -webkit-mask-image: linear-gradient(transparent, #000 24px); }
  .founder-feature .founder-portrait::after { content: ""; position: absolute; inset: 60% 0 0; background: linear-gradient(transparent, #16212b33); pointer-events: none; }
  .founder-feature .founder-portrait:focus-visible { outline-color: #fff; outline-offset: -4px; }
  .founder-feature .founder-portrait-plus { display: grid; right: 24px; bottom: 26px; width: 36px; height: 36px; z-index: 1; }
  .founder-feature .founder-feature-copy { position: relative; z-index: 1; padding: 24px 24px var(--founder-photo-height); border-radius: 0; color: #fff; pointer-events: none; background: none; }
  .founder-feature .founder-kicker { position: absolute; top: 24px; left: 24px; margin: 0; color: #cdd1d6; font-size: 11px; }
  .founder-feature .founder-heading h3 { position: absolute; left: 24px; bottom: 94px; margin: 0; color: #fff; font-size: 28px; line-height: 1.25; text-shadow: 0 1px 6px #19233040; }
  .founder-feature .credentials { display: none; }
  .founder-feature .founder-mobile-credentials { position: absolute; display: block; left: 24px; bottom: 26px; width: calc(100% - 96px); color: #fff; font-size: 14px; line-height: 1.75; text-shadow: 0 1px 4px #19233050; }
  .founder-mobile-credentials span { white-space: nowrap; }
  .founder-feature .credentials span { padding: 0; border: 0; color: #fff; font-size: 12px; line-height: 1.7; text-shadow: 0 1px 4px #19233050; }
  .founder-feature .founder-feature-copy > p { margin: 29px 0 0; padding-right: 40px; color: #f0f1f3; font-size: 13px; line-height: 1.75; }
  .founder-feature .founder-feature-copy .founder-story-open { display: none; }
}