.founders-page { --cream-dim: var(--site-muted); }
.founders-page::before { opacity: .3; }
.founders-page::after { opacity: .12; }
.founders-page :focus-visible { outline: 2px solid var(--site-accent); outline-offset: 5px; }
.founders-skip { position: fixed; top: -100px; left: 20px; z-index: 10002; padding: 16px; background: var(--bg-elevated); color: var(--cream); }
.founders-skip:focus { top: 10px; }
.site-nav .nav-right a[aria-current="page"] { color: var(--site-accent); }
.founders-hero, .founders-profiles, .founders-story, .founders-contact { width: var(--site-content-width); margin-inline: auto; }
.founders-hero { padding-top: calc(var(--site-header-height) + 65px); }
.founders-kicker { display: block; font: 11px/1.6 'IBM Plex Mono', monospace; color: var(--site-accent); margin-bottom: 26px; }
.founders-hero h1 { font: 400 clamp(60px, 8vw, 116px)/.99 'EB Garamond', serif; letter-spacing: -.04em; }
.founders-hero h1 em { font-style: normal; color: var(--site-accent); }
.founders-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; padding: 50px 0; }
.founders-intro > p { font: 400 clamp(27px, 3vw, 41px)/1.2 'EB Garamond', serif; letter-spacing: -.015em; }
.founders-intro > div, .founder-bio, .founders-story-copy { max-width: 590px; }
.founders-intro > div p, .founder-bio p, .founders-story-copy p { font: 16px/1.8 'Space Grotesk', sans-serif; color: var(--site-muted); margin-bottom: 18px; }
.founders-intro > div p:last-child, .founder-bio p:last-child, .founders-story-copy p:last-child { margin-bottom: 0; }
.founders-index { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--border-strong); }
.founders-index a { position: relative; padding: 25px 30px; border-right: 1px solid var(--border-strong); color: var(--cream); text-decoration: none; font: 26px/1.4 'EB Garamond', serif; }
.founders-index a:first-child { padding-left: 0; }
.founders-index a:last-child { border-right: 0; }
.founders-index span { display: block; font: 10px/1.7 'IBM Plex Mono', monospace; color: var(--site-muted); margin-bottom: 8px; }
.founders-index b { position: absolute; right: 28px; font-weight: 400; color: var(--site-accent); }
.founders-index a:hover { color: var(--site-accent); }
.founder-profile { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; padding-block: 78px; border-bottom: 1px solid var(--border-strong); }
.founder-heading h2 { font: 400 clamp(48px, 5.5vw, 76px)/.98 'EB Garamond', serif; letter-spacing: -.025em; }
.founder-role { font: 12px/1.6 'IBM Plex Mono', monospace; margin-top: 24px; color: var(--site-muted); }
.founder-bio h3 { font: 400 clamp(28px, 3vw, 40px)/1.15 'EB Garamond', serif; margin-bottom: 27px; letter-spacing: -.015em; }
.founders-story { padding-block: 78px; display: grid; grid-template-columns: 1fr 1fr; gap: 8%; }
.founders-story h2, .founders-contact h2 { font: 400 clamp(38px, 4.5vw, 62px)/1.08 'EB Garamond', serif; letter-spacing: -.025em; }
.founders-story-copy { padding-top: 44px; }
.founders-contact { border-top: 1px solid var(--border-strong); padding: 80px 0 95px; text-align: center; }
.founders-contact > p:not(.founders-kicker) { max-width: 490px; margin: 25px auto 30px; color: var(--site-muted); font: 16px/1.8 'Space Grotesk', sans-serif; }
.founders-button { display: inline-flex; align-items: center; gap: 70px; padding: 18px 24px; background: var(--accent); color: #fff; font: 12px/1.7 'IBM Plex Mono', monospace; text-decoration: none; }
.founders-button:hover { background: #86549f; }
.founders-product-link { display: block; width: fit-content; margin: 24px auto 0; font: 12px/1.7 'IBM Plex Mono', monospace; color: var(--site-accent); text-underline-offset: 5px; }
@media (max-width: 900px) { .founders-index a { padding-inline: 20px; } .founders-index b { right: 12px; } }
@media (max-width: 760px) {
  .founders-hero { padding-top: calc(var(--site-header-height) + 45px); }
  .founders-hero h1 { font-size: clamp(48px, 10.5vw, 80px); }
  .founders-intro, .founder-profile, .founders-story { grid-template-columns: 1fr; gap: 28px; }
  .founders-intro { padding-block: 35px; }
  .desktop-break { display: none; }
  .founders-index { grid-template-columns: 1fr; }
  .founders-index a, .founders-index a:first-child { padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--border-strong); }
  .founders-index a:last-child { border-bottom: 0; }
  .founders-index b { right: 8px; }
  .founder-profile { padding-block: 48px; }
  .founder-heading h2 br { display: none; }
  .founder-heading h2 { font-size: 49px; line-height: 1.1; }
  .founder-role { margin-top: 16px; }
  .founders-kicker { margin-bottom: 18px; }
  .founder-bio h3 { margin-bottom: 20px; }
  .founders-story { padding-block: 48px; }
  .founders-story-copy { padding-top: 0; }
  .founders-contact { padding-block: 50px 65px; }
}

/* Portraits sit alongside the biography, keeping the established editorial grid. */
.founder-portrait-frame { width: min(100%, 290px); height: 330px; margin-top: 28px; border: 1px solid var(--border-strong); overflow: hidden; }
.founder-portrait { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transform-origin: center 15%; }
#shariq .founder-portrait { transform: scale(1.30); }
#aamina .founder-portrait { transform: scale(1.35); }
.founder-bio { padding-top: 38px; }
@media (max-width: 760px) { .founder-portrait-frame { height: 310px; margin-top: 22px; } .founder-bio { padding-top: 0; } }