/* ============================================================================
   about.css — page-specific layout for /about.
   Everything shared (tokens, header/footer, kickers, ledger, bigband,
   logo-band, cta-final, reveal) comes from malcare.css. Never redefine tokens.
   ============================================================================ */

/* --------------------------------------------------------------- hero ----- */
.hero{padding:120px 0 96px;border-bottom:1px solid var(--ink-08)}
.hero h1{font-size:clamp(38px,4.6vw,62px);margin-bottom:24px;max-width:18ch}
.hero h1 em{font-style:normal;color:var(--acc)}
.hero .lede{font-size:17px;margin-bottom:36px;max-width:56ch}
.hero .lede em{color:var(--hi);font-style:normal;font-weight:500}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px}
.hero-facts{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--ink-08);border-bottom:1px solid var(--ink-08)}
.hero-facts span{font-family:var(--fm);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);padding:18px 28px 18px 0;margin-right:28px;border-right:1px solid var(--ink-08)}
.hero-facts span:last-child{border-right:0;margin-right:0}
.hero-facts b{color:var(--hi);font-weight:500}

/* -------------------------------------------------------------- origin ---- */
.story p{font-size:16.5px;max-width:66ch;margin-bottom:22px}
.story p em{color:var(--hi);font-style:normal;font-weight:500}
.story .pull{margin-top:40px;max-width:70ch}

/* ------------------------------------------------------------- timeline --- */
.trow{display:grid;grid-template-columns:96px 230px 1fr;gap:36px;padding:46px 0;border-bottom:1px solid var(--ink-08);opacity:.32;transition:opacity .6s}
.trow .yr{font-family:var(--fm);font-size:13px;letter-spacing:.1em;color:var(--mut);padding-top:5px;transition:color .5s}
.trow.lit{opacity:1}
.trow.lit .yr{color:var(--cy)}
.trow .wm{align-self:start}
.trow .wm h3{font-size:21px;letter-spacing:-.01em;max-width:14ch}
.trow .wm .role{display:block;font-family:var(--fm);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-top:9px}
.tl-line{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:baseline}
.tl-line + .tl-line{margin-top:14px}
.tl-line .lab{font-family:var(--fm);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.tl-line.gap .lab{color:var(--acc-dim)}
.tl-line.ans .lab{color:var(--cy-dim)}
.tl-line p{font-size:14.5px;color:var(--body);max-width:62ch}
.tl-line p b{color:var(--hi);font-weight:500}
.tl-line p a{color:var(--cy);border-bottom:1px solid var(--cy-dim)}
.tl-hosts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:20px}
.tl-hosts img{display:block;width:100px;height:20px;object-fit:contain;object-position:center;
  filter:brightness(0) invert(.92);opacity:.4}

/* -------------------------------------------------------------- scale ----- */
.host-band .logo-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center}
.host-band .logo-cell.img{display:flex;align-items:center;justify-content:center;min-height:56px;min-width:0;width:100%;margin:0;padding:0 20px;border-right:1px solid var(--ink-08)}
.host-band .logo-cell.img:last-child{border-right:0}
.host-band .logo-cell.img img{display:block;width:100%;height:34px;max-width:150px;object-fit:contain;object-position:center;
  filter:brightness(0) invert(.92);opacity:.5;transition:opacity .25s}
.scale .bigband{margin-bottom:0}
.scale .asof{margin-top:22px;margin-bottom:64px}

/* ------------------------------------------------------------- founder ---- */
.founder{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:start}
.f-letter p{font-size:16.5px;max-width:58ch;margin-bottom:20px}
.f-letter p em{color:var(--hi);font-style:normal;font-weight:500}
.f-sig{margin-top:30px}
.f-sig img{width:100%;max-width:320px;height:auto;filter:brightness(0) invert(.92);opacity:.85;display:block}
.f-sig .cap{font-family:var(--fm);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-top:12px}
.f-photo img{width:100%;max-width:380px;display:block;filter:grayscale(1);border:1px solid var(--ink-08);border-radius:3px}
.f-photo .cap{font-family:var(--fm);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-top:14px}

/* --------------------------------------------------------------- team ----- */
.team3{display:flex;flex-wrap:wrap;border-top:1px solid var(--ink-08);border-bottom:1px solid var(--ink-08)}
.team3 .tc{flex:1;min-width:230px;padding:34px 34px 34px 0;margin-right:34px;border-right:1px solid var(--ink-08)}
.team3 .tc:last-child{border-right:0;margin-right:0;padding-right:0}
.team3 .tc .lab{font-family:var(--fm);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);display:block;margin-bottom:16px}
.team3 .tc h3{font-size:18px;margin-bottom:12px;max-width:20ch}
.team3 .tc p{font-size:14.5px;color:var(--mut);max-width:44ch}
.team3 .tc p b{color:var(--body);font-weight:500}
.team3 .tc .go{display:inline-block;font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cy);margin-top:16px}

/* --------------------------------------------------------------- join ----- */
.join-ctas{display:flex;gap:12px;flex-wrap:wrap}

/* ---------------------------------------------------------- responsive ---- */
@media(max-width:1060px){
  .trow{grid-template-columns:72px 1fr}
  .trow .wm{grid-column:2}
  .trow .tl-lines{grid-column:2}
  .founder{grid-template-columns:1fr}
  .f-photo{order:-1}
}
@media(max-width:760px){
  .hero{padding:96px 0 72px}
  .hero-facts{flex-direction:column}
  .hero-facts span{border-right:0;margin-right:0;padding:13px 0;border-bottom:1px solid var(--ink-08)}
  .hero-facts span:last-child{border-bottom:0}
  .trow{grid-template-columns:1fr;gap:16px;padding:36px 0}
  .trow .wm,.trow .tl-lines{grid-column:1}
  .tl-line{grid-template-columns:1fr;gap:6px}
  .host-band .logo-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .host-band .logo-cell.img{min-height:64px;padding:12px 18px;border-right:1px solid var(--ink-08);border-bottom:1px solid var(--ink-08)}
  .host-band .logo-cell.img:nth-child(2n){border-right:0}
  .host-band .logo-cell.img:last-child{border-bottom:0}
  .team3{flex-direction:column}
  .team3 .tc{border-right:0;margin-right:0;padding:26px 0;border-bottom:1px solid var(--ink-08)}
  .team3 .tc:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){
  .trow{opacity:1}
}