/* ==========================================================================
   founders.html + investors.html — page-only rules.
   Everything structural comes from styles.css and css/vc.css.
   ========================================================================== */

/* unit suffix on a big metric number ("41min", "50%") */
.metric .num .u{font-size:24px;letter-spacing:0;margin-left:2px;color:var(--muted-2)}

/* generic body paragraph inside a section */
.body-p{color:var(--muted);font-size:16px;line-height:26px;max-width:70ch}
.body-p + .body-p{margin-top:16px}
.body-p a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--faint)}
.body-p a:hover{text-decoration-color:var(--text)}

/* sub-heading inside a cell (smaller than .sec-head h2) */
.sub-h{font-size:18px;line-height:24px;font-weight:600;margin-bottom:10px}
.mt-24{margin-top:24px}
.mt-32{margin-top:32px}

/* small uppercase cadence label above a cell heading */
.ic-lbl{font-family:var(--font-mono);font-size:12px;line-height:16px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted-2);margin-bottom:12px}

/* inline channel / code token */
.code{font-family:var(--font-mono);font-size:13px;background:var(--surface);
  padding:1px 6px;border-radius:0;color:var(--text)}

/* person strip (photo + name + role + one line) */
.who{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}
.who img{width:72px;height:72px;border-radius:0;object-fit:cover;flex:none}
.who .nm{font-size:16px;line-height:24px;font-weight:600}
.who .rl{color:var(--muted-2);font-size:14px;line-height:20px;margin-top:2px}
.who .bio{color:var(--muted);font-size:14px;line-height:20px;margin-top:8px;max-width:52ch}

/* "what we will not do" block */
.what-not{border:1px solid var(--border-2);border-left:2px solid var(--accent);border-radius:0;
  padding:20px 24px;background:var(--card);margin-top:28px}
.what-not.wide{margin-top:40px}
.what-not h4{font-size:16px;line-height:24px;font-weight:600;margin-bottom:12px}
.what-not ul{display:flex;flex-direction:column;gap:10px;padding-left:20px}
.what-not li{list-style:disc;color:var(--muted);font-size:15px;line-height:24px;padding-left:4px;max-width:74ch}

/* numbered list in prose */
.num-list{display:flex;flex-direction:column;gap:12px;padding-left:20px;margin-top:14px}
.num-list li{list-style:decimal;color:var(--muted);font-size:16px;line-height:26px;padding-left:6px;max-width:66ch}
.num-list strong{color:var(--text);font-weight:600}

/* ticked list (.chk — .tick is taken by styles.css) */
.chk{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0}
.chk li{position:relative;padding-left:26px;color:var(--muted);font-size:15px;line-height:24px;
  max-width:60ch;list-style:none}
.chk li::before{content:"";position:absolute;left:1px;top:7px;width:11px;height:6px;
  border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg)}
.chk strong{color:var(--text);font-weight:600}

/* two links in a tile foot */
.tile .foot a{color:var(--muted-2);transition:color .18s}
.tile .foot a:hover{color:var(--text)}

/* the 90-day split: timeline left, "what we ask" right */
.ninety-split > *{padding-top:0}
.ninety-split > *:first-child{padding-left:0}

/* advisor mini list */
.adv-list{display:flex;flex-direction:column;margin-top:24px;border-top:1px solid var(--hairline)}
.adv{padding:16px 0;border-bottom:1px solid var(--hairline)}
.adv .an{font-size:15px;line-height:22px;font-weight:600}
.adv .ar{color:var(--muted-2);font-size:13px;line-height:18px;margin-top:2px}
.adv .aa{color:var(--muted);font-size:14px;line-height:21px;margin-top:6px;max-width:60ch}

/* groundwork block */
.gw > *{padding-top:0}
.gw-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

/* ---------- investors.html ---------- */

/* thesis statement paragraph */
.thesis-p{font-size:20px;line-height:30px;color:var(--text);max-width:68ch}

/* fund fact metrics run two rows — tighten the vertical rhythm */
.metrics.two-row{row-gap:40px}

/* LP portal gate */
.gate{border:1px solid var(--border-2);border-radius:0;background:var(--card);padding:32px;
  display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:start}
.gate .lock{width:36px;height:36px;border-radius:0;background:var(--surface);display:flex;
  align-items:center;justify-content:center;color:var(--muted)}
.gate h3{font-size:18px;line-height:24px;font-weight:600}
.gate p{color:var(--muted);font-size:15px;line-height:24px;max-width:60ch}
.gate .btn[disabled]{opacity:.55;cursor:not-allowed}
.gate .gate-note{color:var(--muted-2);font-size:13px;line-height:20px;max-width:60ch}
.gate .gate-note[hidden]{display:none}

/* disclaimer */
.disclaimer{border-top:1px solid var(--border);padding-top:24px;margin-top:8px}
.disclaimer h3{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:var(--muted-2);margin-bottom:14px}
.disclaimer p{color:var(--muted-2);font-size:13px;line-height:21px;max-width:88ch}
.disclaimer p + p{margin-top:12px}

/* team row on investors page */
.team-more{color:var(--muted);font-size:15px;line-height:24px;margin-top:28px}
.team-more a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--faint)}

/* contact card */
.contact-card{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.contact-card img{width:96px;height:96px;border-radius:0;object-fit:cover;flex:none}
.contact-card .cc-body{min-width:240px;flex:1}
.contact-card .nm{font-size:18px;line-height:24px;font-weight:600}
.contact-card .rl{color:var(--muted-2);font-size:14px;line-height:20px;margin-top:2px}
.contact-card p{color:var(--muted);font-size:15px;line-height:24px;margin-top:12px;max-width:56ch}
.contact-card .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .who img{width:60px;height:60px}
}
@media (max-width:620px){
  .metric .num .u{font-size:20px}
  .what-not{padding:18px 20px}
  .gate{padding:24px}
  .thesis-p{font-size:17px;line-height:27px}
  .contact-card img{width:72px;height:72px}
}

/* .split keeps 40px side padding at every width, but it stacks to one column at
   1100px — at which point the side padding just misaligns it with the heading. */
@media (max-width:1100px){
  .split > *,.split.rev > *{padding-left:0;padding-right:0;padding-top:32px;padding-bottom:32px}
  .split > *:first-child{padding-top:0}
}

/* The chip statement band. .statement + .display already carry the muted/.hl
   split and the GC Vank display face; this only sets the measure so each
   sentence takes its own line, and swaps the fixed 52px leading for a scale
   that comes down on small screens the way the hero h1 does. */
.statement h2.display{font-size:clamp(2.1rem,4.6vw,60px);line-height:.92;max-width:920px}
.statement h2.display > span{display:block}

/* Wrapper for the photography band. k-band cancels one --pad of horizontal padding
   so it bleeds to the frame's vertical rules; main.frame supplies none, so without
   a parent that does it escapes past the page's rules and puts its content on 65
   instead of 105. No vertical padding — the picture is the band. */
.fp-bleed{padding:0 var(--pad)}


/* The whole frame, nothing laid over it but the copy. k-band by default crops the
   picture (top:-12%, height:124%, object-fit:cover), tints it (saturate .85,
   contrast 1.05), lays a black gradient over it and scrubs it against the scroll.
   All four are off here, so the file shows exactly as shot. The image sits in flow,
   so the band is precisely its height and nothing is cut; the copy is placed over
   the bottom-left, on 105 like every other left edge on the site. */
.fp .k-band{min-height:0;display:block;overflow:hidden}
.fp .k-band > img{position:static;display:block;width:100%;height:auto;
  object-fit:fill;filter:none;transform:none;will-change:auto}
.fp .k-band::after{display:none}

/* .wb-lede's 22ch measure is set for "Your context window took ten years to fill."
   These two headings are longer and it stranded "AI." alone on a third line. */
#how-we-show-up .wb-lede{max-width:27ch}

/* "You can't one-shot your one shot." is uppercase, so it sets 27.2ch — wider
   than the lowercase string suggests — and .fp .wb-lede caps at 22, which broke
   it after "one-shot". 28ch holds it on one line with a little slack. Scoped by
   id so the other .wb-lede measures are untouched. */
#how-we-help .wb-lede{max-width:28ch}


/* Centred head for "Who we back". The block centres as a unit — eyebrow, heading
   and lede — so the measures need auto margins, not just text-align. */
.fp .fp-centred{text-align:center}
.fp .fp-centred .wb-lede{max-width:26ch;margin-left:auto;margin-right:auto}
.fp .fp-centred .sec-sub{margin-left:auto;margin-right:auto}

/* "How we show up" sits over the picture. The image is still uncropped, so the
   band is exactly its height and the copy is placed on top of it. */
.fp .k-band .in{position:absolute;left:0;right:0;bottom:0;max-width:none;
  padding:clamp(24px,4vw,56px) var(--pad)}
.fp .k-band .in .body-p{max-width:58ch}
.fp .k-band .in .body-p + .body-p{margin-top:14px}

/* The eyebrow's --muted-2 is set for the site's dark ground; over the photograph it
   measured 4.1:1 median, 3.6:1 worst case. Lifted to hold on both. */
.fp .k-band .in .pg-eyebrow{color:rgba(250,250,249,.72)}

/* The picture is only tall enough to hold the copy above 1024px. Below that the
   copy sits beneath the picture rather than overflowing it. */
@media (max-width:1024px){
  .fp .k-band .in{position:static;padding:24px var(--pad) 0}
}

/* The band heading matches the page's other section headings — k-band's own
   clamp(32px,5vw,60px) is a display size, meant for a one-line caption band —
   and the body copy matches .body-p rather than k-band's 18px. */
.fp .k-band .in h2{font-size:clamp(1.6rem,3vw,40px);line-height:1.02}
.fp .k-band .in p{font-size:16px;line-height:26px}
.fp .k-band .in .wb-more{margin-top:28px}

/* The centred "Who we back" heading carries the page's opening argument, so it runs
   larger than the section headings that follow it. */
#who .wb-lede{font-size:clamp(2.1rem,4.4vw,56px);max-width:24ch}

/* The band heading breaks after "AI" rather than wherever the measure falls. */
.fp .k-band .in h2 span{display:block}

/* The two sentences of the "Who we back" lede take a line each, rather than
   breaking wherever the centred measure happens to fall. */
#who .sec-sub span{display:block}

/* "How we help" opens on a two-column row: the heading and lede on the left, the
   prompt card on the right. The cells below stay full width. */
.fp .fp-help-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);
  gap:clamp(32px,5vw,72px);align-items:start;margin-bottom:8px}
@media (max-width:900px){
  .fp .fp-help-row{grid-template-columns:minmax(0,1fr);row-gap:36px}
}

/* The "Who we back" link centres with the head above it, not against the left rule. */
.fp .fp-more-centre{text-align:center}