/* /about: who makes NotchPixel */
.about { max-width: 44rem; margin: 0 auto; padding: 0 20px 72px; color: var(--ink); }
.about .kick { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(0, 0, 0, .45); margin-bottom: 12px; }
.about h1 { font-size: 36px; line-height: 1.1; margin-bottom: 16px; }
.about h2 { font-size: 22px; letter-spacing: -.02em; margin-bottom: 8px; }
.about p { font-size: 16px; line-height: 1.65; color: rgba(0, 0, 0, .72); }
.about p + p { margin-top: 12px; }
.about .lead { font-size: 18px; margin-bottom: 40px; }
.about section { margin-top: 40px; }
.about a { color: #0d47b8; text-decoration: underline; text-underline-offset: 2px; }
.about .person { display: grid; gap: 24px; padding: 28px; border-radius: 28px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 16px 40px rgba(0, 20, 50, .06); }
.about .person img { width: 120px; height: 120px; border-radius: 9999px; object-fit: cover; }
.about .role { font-size: 14px; color: rgba(0, 0, 0, .48); margin: -4px 0 14px; }
.about .profiles { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.about .profiles a { display: inline-block; padding: 6px 12px; border-radius: 9999px; background: #f1f1f4; color: var(--ink); text-decoration: none; font-size: 13px; font-weight: 500; }
.about .profiles a:hover { background: #e7e7ec; }
.about .fine { font-size: 13px; color: rgba(0, 0, 0, .45); margin-top: 20px; }
@media (min-width: 640px) { .about h1 { font-size: 48px; } .about .person { grid-template-columns: 160px 1fr; padding: 36px; } .about .person img { width: 160px; height: 160px; } }
/* the founder's Crunchbase rank: a badge that links to the profile, so it can be checked */
.about .rank { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 7px 14px 7px 10px; border-radius: 9999px; background: #146aff; color: #fff; text-decoration: none; font-size: 13px; box-shadow: 0 6px 18px rgba(20, 106, 255, .28); }
.about .rank svg.cb { width: 18px; height: 18px; fill: #fff; flex-shrink: 0; }
.about .rank b { font-weight: 700; }
.about .rank small { font-size: 11px; opacity: .7; padding-left: 8px; border-left: 1px solid rgba(255, 255, 255, .3); }
.about .rank:hover { box-shadow: 0 8px 22px rgba(20, 106, 255, .4); }