/* Local about-page extension. Inherits navy, cyan, Space Grotesk and Manrope. */
.about-section{max-width:1152px;margin-inline:auto;padding:72px 48px;position:relative;z-index:1;color:#e2e4f6}
.about-section h2,.about-section h3{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.about-section h2{font-size:clamp(28px,3.3vw,40px);line-height:1.18}
.about-section p{line-height:1.75}
.about-label{color:#8bd8ed;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.about-section button:focus-visible{outline:2px solid #6dddff;outline-offset:5px}
.about-section ::selection{background:#6dddff;color:#0a0e1a}
.about-team{padding-top:52px}
.about-team-heading{text-align:center;margin-bottom:36px;font-size:28px!important}
.about-team-layout{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start}
.about-founder,.about-member{overflow:hidden;background:#111724;border:1px solid #ffffff12;border-radius:16px}
.about-profile-link{display:block;color:inherit;text-decoration:none;transition:border-color .2s,background-color .2s}
.about-profile-link:hover{border-color:#6dddff55;background-color:#141d2b}
.about-profile-link:focus-visible{outline:2px solid #6dddff;outline-offset:5px}
.about-linkedin-label{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:10px;line-height:1.4;color:#8bd8ed}
.about-profile-link:hover .about-linkedin-label{text-decoration:underline;text-underline-offset:3px}
.about-portrait{overflow:hidden;background:#313e4b;aspect-ratio:4/3.5}
.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;filter:saturate(.88);display:block}
.founder-portrait{aspect-ratio:4/4.1}
.founder-portrait img{object-position:50% 24%}
.about-founder-copy{padding:26px}
.about-founder h3{font-size:27px;line-height:1.2}
.about-role{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8bd8ed;line-height:1.55!important;margin:9px 0 16px;font-weight:600}
.about-bio{font-size:13px;color:#b5bacb;font-weight:400}
.founder-credentials{padding:0;list-style:none;margin-top:24px}
.founder-credentials li{padding:12px 0;border-top:1px solid #ffffff10;font-size:12px;line-height:1.65}
.founder-credentials strong{display:block;color:#e2e4f6;font-weight:500}
.founder-credentials span{display:block;color:#a7aabb}
.founder-awards{border-top:1px solid #ffffff10;margin-top:12px;padding-top:18px}
.founder-awards p{font-size:10px;color:#8bd8ed;margin-bottom:14px}
.founder-awards>div{display:flex;gap:18px;align-items:center;justify-content:space-between}
.founder-awards img{width:27%;height:40px;object-fit:contain}
.about-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-member-copy{padding:19px 17px 22px}
.about-member h3{font-size:18px;line-height:1.25}
.about-member .about-role{min-height:47px;margin-bottom:12px}
.about-member .about-bio{font-size:12px;line-height:1.8}
.about-jefurry{display:grid;grid-template-columns:280px 1fr;gap:72px;align-items:center;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}
.jefurry-art{display:grid;place-items:center;background:#0a0e1a;border-radius:16px;overflow:hidden;padding:0}
.jefurry-art img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain}
.about-jefurry h2{font-size:38px;margin-bottom:24px}
.about-jefurry h2 span{display:block;color:#a7aabb;font-size:23px;margin-top:8px;font-weight:400}
.about-jefurry blockquote{font-size:16px;line-height:1.9;color:#b8bfd0;max-width:64ch}
.about-section-head{display:flex;justify-content:space-between;align-items:start;gap:24px}
.about-section-head p{font-size:16px;color:#a7aabb;margin-top:16px}
.network-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:38px 0 24px;border-block:1px solid #ffffff16}
.network-stats>div{padding:26px 20px 24px 0;display:flex;flex-direction:column-reverse;gap:8px}
.network-stats dd{font-family:'Space Grotesk',sans-serif;font-size:40px;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#e2e4f6}
.network-stats dt{font-size:12px;color:#a7aabb}
.network-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:30px;align-items:center}
.network-map{position:relative;isolation:isolate;aspect-ratio:1;min-width:0}
.network-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.32;pointer-events:none}
.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.network-route{fill:none;stroke:#6dddff;stroke-width:1;vector-effect:non-scaling-stroke;stroke-opacity:.45;stroke-dasharray:3 8;animation:network-flow 20s linear infinite}
.network-route.is-selected{stroke-width:1.6;stroke-opacity:1}
.network-pin{position:absolute;left:var(--x);top:var(--y);width:36px;height:36px;transform:translate(-50%,-50%);border-radius:50%;z-index:2}
.pin-dot{position:absolute;width:7px;height:7px;left:50%;top:50%;transform:translate(-50%,-50%);background:#8bd8ed;border-radius:50%}
.pin-dot::after{content:'';position:absolute;inset:-5px;border:1px solid #6dddff80;border-radius:50%;animation:network-pulse 3.4s ease-out infinite}
.pin-label{position:absolute;left:28px;top:10px;white-space:nowrap;color:#cfdfeb;font-family:'Space Grotesk',sans-serif;font-size:12px;line-height:1.4;text-shadow:0 2px 6px #0a0e1a,0 0 4px #0a0e1a}
.pin-chengdu .pin-label,.pin-johor .pin-label{left:auto;right:29px}
.pin-jakarta .pin-label{top:28px;left:5px}
.pin-singapore .pin-label{top:18px}
.pin-label b{font-size:8px;background:#6dddff;color:#0a0e1a;padding:2px 4px;border-radius:3px;margin-left:4px;text-shadow:none}
.network-pin.is-selected .pin-dot{background:#fff;width:10px;height:10px}
.network-pin.is-selected .pin-label{color:#fff}
.network-directory-title{font-size:12px;color:#8bd8ed;margin-bottom:16px}
.network-directory ul{list-style:none;padding:0}
.network-hub{display:block;text-align:left;width:100%;padding:15px 14px;border-top:1px solid #ffffff14;border-left:1px solid transparent;border-radius:0;transition:background .2s,border-color .2s}
.network-hub>span{display:block;font-family:'Space Grotesk',sans-serif;font-size:17px;color:#d6dce7}
.network-hub b{font-family:'Manrope',sans-serif;font-size:9px;color:#8bd8ed;margin-left:8px;font-weight:500}
.network-hub small{display:block;font-size:11px;color:#a7aabb;margin-top:3px}
.network-hub.is-selected,.network-hub:hover{background:#6dddff08;border-left-color:#6dddff}
.network-selection{font-size:11px;color:#8bd8ed;min-height:40px;padding:16px 14px 0}
.about-network.is-paused .network-route,.about-network.is-paused .pin-dot::after{animation-play-state:paused}
.about-engineering{display:grid;grid-template-columns:1fr 1fr;gap:72px;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}
.about-engineering h2{font-size:36px;line-height:1.2;max-width:18ch}
.about-engineering h2 span{color:#6dddff}
.engineering-lead{font-size:19px;color:#c1c8d5;margin-top:24px;max-width:36ch;line-height:1.6!important}
.engineering-body>p{font-size:14px;color:#aeb7c9;margin-bottom:18px}
.engineering-tags{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 0;padding:0}
.engineering-tags li{padding:6px 10px;font-size:10px;color:#9bddec;border:1px solid #6dddff26;border-radius:999px}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}
.values-grid article{background:#111a29;border:1px solid #ffffff0d;border-radius:16px;padding:28px 24px}
.values-grid h3{font-size:21px;line-height:1.35;margin:16px 0}
.values-grid article>p:last-child{font-size:13px;color:#b0bacd}
@keyframes network-flow{to{stroke-dashoffset:-220}}
@keyframes network-pulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(2.1);opacity:0}}
@media(min-width:1024px){.about-member{min-height:390px}}
@media(max-width:1023px){.about-team-layout{grid-template-columns:1fr}.about-founder{display:grid;grid-template-columns:1fr 1.5fr}.founder-portrait{aspect-ratio:auto;height:100%}.about-member .about-role{min-height:32px}.about-jefurry{gap:38px;grid-template-columns:220px 1fr}.network-layout{grid-template-columns:1.5fr 1fr;gap:16px}.about-engineering{gap:36px}.values-grid{gap:16px}.values-grid article{padding:24px 20px}}
@media(max-width:700px){.about-section{padding:48px 24px}.about-team-heading{text-align:left;font-size:25px!important}.about-founder{display:block}.founder-portrait{aspect-ratio:4/3;height:auto}.founder-portrait img{object-position:50% 23%}.about-member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.about-member-copy{padding:16px 13px 20px}.about-member h3{font-size:17px}.about-member .about-role{min-height:47px;font-size:9px}.about-member .about-bio{font-size:12px}.about-jefurry{grid-template-columns:1fr;gap:30px}.jefurry-art{max-width:210px}.jefurry-art img{max-height:230px}.about-jefurry h2{font-size:32px}.about-jefurry blockquote{font-size:15px}.about-section-head{display:block}.about-section-head h2{font-size:30px}.network-stats{grid-template-columns:repeat(2,1fr);margin-top:28px}.network-stats>div{padding-block:22px}.network-stats dd{font-size:35px}.network-layout{grid-template-columns:1fr;gap:12px}.network-map{margin:0 -4px}.pin-label{font-size:10px}.pin-chengdu .pin-label{left:27px;right:auto;top:1px}.pin-johor .pin-label{font-size:9px;right:24px;top:6px}.pin-singapore .pin-label{top:20px}.network-directory ul{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.network-hub{height:100%;padding:14px 8px}.network-hub>span{font-size:16px}.network-hub small{font-size:10px;line-height:1.5}.network-hub b{display:block;margin:2px 0}.network-selection{padding-left:8px}.about-engineering{grid-template-columns:1fr;gap:32px}.about-engineering h2{font-size:34px}.values-grid{grid-template-columns:1fr;gap:16px}.values-grid article{padding:28px}.values-grid article>p:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.network-route,.pin-dot::after{animation:none!important}.about-section *{transition:none!important}}
.about-section-head .network-team{font-size:14px;line-height:1.75;color:#93a3b8;max-width:68ch;margin-top:10px}
/* The LinkedIn mark rides beside the name rather than taking a line of its own. */
.about-name{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
.about-name .about-linkedin-label{margin-top:0;flex:none}