/* The About page. The words and the layout moved here from the home page on 1 October 2026. */
.about-page{padding:44px 0 72px;}
.about-split{max-width:1180px;margin-inline:auto;padding-inline:24px;}
.about-photo-wrap{position:relative;max-width:340px;}
.about-photo{
  width:100%;aspect-ratio:4/5;border-radius:26px;
  background:var(--glass) url("/assets/jacob-linkedin.jpg") center 18%/cover no-repeat;
  border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);
}
.about-page .founder-proof{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 20px;padding:0;list-style:none;}
.about-page .founder-proof li{
  color:var(--ink);border:1px solid color-mix(in oklch,var(--signal) 45%,transparent);
  background:color-mix(in oklch,var(--signal) 12%,transparent);
  padding:6px 13px;border-radius:999px;font-size:.84rem;font-weight:700;
}
.about-page .founder-proof a{color:inherit;text-decoration:none;}
.about-page .founder-proof li:has(a):hover{border-color:var(--signal-text);}
.linkedin-link{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--signal-ink);background:var(--signal);
  text-decoration:none;padding:10px 20px;border-radius:999px;font-size:.92rem;font-weight:700;
  transition:filter .25s,transform .25s;
}
.linkedin-link:hover{filter:brightness(1.06);transform:translateY(-2px);}
.about-intro h1{font-size:clamp(2.2rem,4.4vw,3.2rem);line-height:1.04;margin:0 0 10px;}
.about-intro p{color:var(--ink-mid);max-width:34em;}
.founder-copy h2{font-size:clamp(1.7rem,2.6vw,2.2rem);margin:0;}
.founder-role{color:var(--signal-text);font-weight:700;margin:6px 0 18px;}
.founder-copy p{max-width:62ch;color:var(--ink-mid);font-size:1.03rem;}
.founder-copy p + p{margin-top:15px;}
.founder-copy a,.nv1-plain a{color:var(--ink);font-weight:700;text-underline-offset:3px;}
.nv1-plain{margin:0;color:var(--ink-mid);max-width:62ch;}
.bp-close .btn{margin-top:18px;}
.bp-close p{color:var(--ink-mid);max-width:46em;}

/* 8 October 2026 ideas review. The photo carries its own caption, four of the five chips open the
   page that proves them, the LinkedIn button says it opens a new tab, the bio lists its four skills,
   and the opening and closing cards each point at the matching fair question. */
.about-figure{margin:0;}
.about-caption{margin:12px 0 0;font-size:.95rem;line-height:1.4;color:var(--ink-soft);}
.about-caption b{display:block;color:var(--ink);font-family:var(--display);font-size:1.1rem;font-weight:600;}
.about-page .founder-proof li:has(a){padding:0;}
.about-page .founder-proof li a{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;}
.linkedin-note{margin:8px 0 0;font-size:.82rem;color:var(--ink-soft);}
.about-more{display:block;width:fit-content;max-width:100%;margin-top:12px;color:var(--signal-text);font-size:.94rem;font-weight:600;text-underline-offset:4px;}
.founder-copy .founder-legal{margin:-8px 0 18px;font-size:.9rem;color:var(--ink-soft);}
.founder-skills{margin:12px 0;padding:0;list-style:none;display:grid;gap:8px;color:var(--ink-mid);max-width:62ch;}
.founder-skills li{display:flex;gap:11px;align-items:flex-start;font-size:1.03rem;}
.founder-skills li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--signal);margin-top:.62em;}
.about-cases{display:grid;gap:8px;margin-top:14px;}
.founder-copy .about-cases a{display:block;width:fit-content;max-width:100%;color:var(--signal-text);font-size:.94rem;font-weight:600;text-underline-offset:4px;}
.about-direct{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:18px;font-weight:600;}
.about-direct a{color:var(--ink);text-underline-offset:3px;overflow-wrap:anywhere;}
/* With the caption and the linked chips the left column is about 760px tall. Pinned under the
   header it only fits a tall window; on a shorter one it scrolls with the page, so the LinkedIn
   button is never stuck below the bottom edge. */
@media (min-width:861px) and (max-height:979px){.about-page .bp-pinned{position:static;}}
/* On a phone the photo shrinks to a small round picture beside its caption, so the headline makes
   the first screen instead of sitting under a full-height portrait. */
@media (max-width:860px){
  .about-figure{display:flex;align-items:center;gap:16px;}
  .about-photo-wrap{flex:none;width:120px;max-width:120px;}
  .about-photo{aspect-ratio:1/1;border-radius:50%;}
  .about-caption{margin:0;}
  .about-page .founder-proof{margin:16px 0 14px;}
}

/* Tap targets on phones and touch tablets (8 October 2026): the proof chips, the case study links and
   the phone and email links get a 44px tall tap area; the row gaps shrink so the spacing reads the same. */
@media (max-width:640px), (pointer:coarse) and (max-width:1024px){
  .about-page .founder-proof li a{min-height:44px;}
  .about-cases{gap:0;}
  .founder-copy .about-cases a{display:flex;align-items:center;gap:.3em;min-height:44px;}
  .about-direct{gap:0 28px;}
  .about-direct a{display:inline-flex;align-items:center;min-height:44px;}
}