.about-intro { padding-bottom: var(--fp-space-section); }
/* Light steel-blue headline; "network." is heavy, metallic, and ends in a glowing node. */
.about-intro h1 { font-weight: 400; }
.about-intro h1 span { display: block; color: #A9BBCB; }
.about-intro h1 span + span { color: #58758D; }

/* Founder: photo and name on the left, the story on the right. */
.founder { display: grid; grid-template-columns: max-content minmax(0, 620px); align-items: start; gap: 40px; margin-top: var(--fp-space-block); padding-top: 32px; border-top: 1px solid var(--fp-border); }
.person { display: flex; flex-direction: column; gap: 4px; }
.person img { width: 120px; height: 120px; margin-bottom: 16px; border-radius: 999px; object-fit: cover; }
.person div { display: flex; flex-direction: column; gap: 4px; }
.person strong { font: 500 19px/1.3 var(--fp-font-display); color: var(--fp-text); }
.person span { font-size: 15px; color: var(--fp-text-muted); }
.bio { margin: 0; padding-top: 8px; color: #B8C8D6; font: 400 18px/1.6 var(--fp-font-lead); font-variant-numeric: normal; }

@media (max-width: 760px) { .founder { grid-template-columns: minmax(0, 1fr); gap: 24px; } .person img { width: 96px; height: 96px; } }
@media (max-width: 640px) { .bio { font-size: 16px; } }
.about-intro h1 .hl { font-style: normal; font-weight: 700; color: transparent; background: linear-gradient(100deg, #FFFFFF 0%, #DCE6EE 45%, #8FA9BE 100%); -webkit-background-clip: text; background-clip: text; }
.about-intro h1 .hl i { display: inline-block; width: 0.2em; height: 0.2em; margin-left: 0.14em; border-radius: 50%; background: #FFFFFF; box-shadow: 0 0 0 0.1em rgba(157, 179, 197, 0.25), 0 0 18px rgba(157, 179, 197, 0.7); }