/* /company v2 (2026-10-04; user: "looks very generic and you didnt use the pictures of founders from the website").
   A dark hero that carries the three founders as portraits, one editorial statement, the product pair, the values in one row,
   the advisor's portrait beside his own words, news, and a hiring close. Shared parts come from calm.css. */

/* hero: the founders under the headline, a caption under each portrait */
body.elv .co-hero{padding-bottom:104px}
body.elv .co-founders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:72px 0 0;padding:0;list-style:none}
body.elv .co-f figure{margin:0;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#141414;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
body.elv .co-f img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04)}
body.elv .co-fn{margin:18px 0 0;font-size:17px;line-height:24px;color:#fff}
body.elv .co-fn span{margin-left:8px;font-size:14px;line-height:20px;color:rgba(255,255,255,.55)}
body.elv .co-fl{margin:4px 0 0;max-width:340px;font-size:15px;line-height:23px;color:rgba(255,255,255,.62)}

/* mission: one statement across the measure; ink for what we believe, dim for how */
body.elv .co-label{margin:0 0 28px;font-size:14px;line-height:20px;font-weight:400;letter-spacing:.01em;color:var(--ink-60)}
body.elv .co-statement{max-width:1080px;margin:0;font-size:38px;line-height:50px;font-weight:300;letter-spacing:-.022em;color:var(--ink)}
body.elv .co-statement span{color:var(--ink-40)}

/* values: four in one row, a dotted rule over each */
body.elv .co-vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:56px 0 0}
body.elv .co-vals>div{padding-top:18px;border-top:1px dotted var(--ink-15)}
body.elv .co-vals dt{font-size:17px;line-height:24px;color:var(--ink)}
body.elv .co-vals dd{margin:8px 0 0;font-size:15px;line-height:23px;color:var(--ink-60)}

/* advisor: the portrait left, his words right; the backers as one line under */
body.elv .co-adv{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:80px;align-items:center}
body.elv .co-adv-pic{margin:0;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--stone)}
body.elv .co-adv-pic img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
body.elv .co-quote{margin:0}
body.elv .co-quote p{margin:0;font-size:32px;line-height:42px;font-weight:300;letter-spacing:-.02em;color:var(--ink)}
body.elv .co-cite{margin:28px 0 0;font-size:16px;line-height:24px;color:var(--ink)}
body.elv .co-cite span{display:block;margin-top:2px;font-size:15px;line-height:23px;color:var(--ink-60)}
body.elv .co-adv .tlink{display:inline-flex;margin-top:16px;color:var(--ink)}
body.elv .co-backers{margin:48px 0 0;padding-top:20px;border-top:1px dotted var(--ink-15);font-size:17px;line-height:26px;color:var(--ink)}
body.elv .co-backers span{margin-right:12px;font-size:14px;color:var(--ink-60)}
body.elv .co-backers i{margin:0 8px;font-style:normal;color:var(--ink-40)}

/* news rows */
body.elv .co-news .cl-rows{margin-top:56px}
body.elv .co-news .cl-row .t{font-size:17px;line-height:25px}

@media (max-width:1100px){
  body.elv .co-statement{font-size:32px;line-height:42px}
  body.elv .co-vals{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  body.elv .co-adv{column-gap:48px}
  body.elv .co-quote p{font-size:28px;line-height:37px}
}
@media (max-width:760px){
  body.elv .co-hero{padding-bottom:72px}
  /* phones: the founders become a swipe row inside the band (the page itself never scrolls sideways) */
  body.elv .co-founders{display:flex;gap:12px;margin:48px -16px 0;padding:0 16px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}
  body.elv .co-founders::-webkit-scrollbar{display:none}
  body.elv .co-f{flex:0 0 72%;scroll-snap-align:start}
  body.elv .co-fn span{display:block;margin:2px 0 0}
  body.elv .co-statement{font-size:26px;line-height:35px}
  body.elv .co-vals{grid-template-columns:minmax(0,1fr);gap:28px}
  body.elv .co-adv{grid-template-columns:minmax(0,1fr);row-gap:32px}
  body.elv .co-adv-pic{max-width:280px}
  body.elv .co-quote p{font-size:24px;line-height:32px}
}