/* About ClearPath */
.about-hero{padding:88px 0 76px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--paper),transparent),repeating-linear-gradient(0deg,transparent 0 63px,#D9E1DA55 63px 64px),repeating-linear-gradient(90deg,transparent 0 63px,#D9E1DA55 63px 64px)}
.about-hero .mono{color:var(--g);margin-bottom:26px}
.about-title{font-size:clamp(40px,5.3vw,68px);line-height:1.1;max-width:900px;letter-spacing:-.045em}
.about-title span{display:inline-block}
.about-intro{max-width:750px;margin-top:32px;font-size:21px;color:var(--ink2)}
.about-story{padding:80px 0}.about-story-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:90px}
.about-story h2{font-size:40px;line-height:1.15;margin-top:20px}.founder-caption{margin-top:24px;color:var(--ink2);font-size:15px}.founder-caption strong{display:block;color:var(--g);font-size:18px}
.about-narrative p{font-size:19px;color:var(--ink2)}.about-narrative p+p{margin-top:22px}
.career-path{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-top:1px solid var(--line);padding-top:28px;gap:36px}.career-path article{position:relative;padding-top:6px}.career-path article:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--g);top:-33px;left:0}.career-path .mono{color:var(--g)}.career-path h3{font-size:23px;margin:12px 0 8px}.career-path p{font-size:16px;color:var(--ink2);max-width:29ch}
.about-fit{background:var(--gx);color:white;padding:72px 0}.about-fit-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:90px}.about-fit .mono{color:var(--mint)}.about-fit h2{font-size:40px;line-height:1.15;margin-top:20px}.about-fit p{font-size:19px;color:#C8D9D0}.about-fit p+p{margin-top:20px}.about-fit .btn{margin-top:28px}
.about-mobile-link{display:none}.nav-links{gap:20px}.nav-links [aria-current=page]{color:var(--g);text-decoration:underline;text-underline-offset:6px}.brand i{flex-shrink:0}
@media(max-width:1080px){.about-mobile-link{display:inline-block;color:var(--g);font-size:14px}.about-story-grid,.about-fit-grid{gap:42px}.nav .wrap{gap:20px}}
@media(max-width:760px){.about-hero{padding:54px 0}.about-title{font-size:40px}.about-intro{font-size:18px;margin-top:26px}.about-story{padding:52px 0}.about-story-grid,.about-fit-grid{grid-template-columns:1fr;gap:28px}.about-story h2,.about-fit h2{font-size:32px}.about-narrative p,.about-fit p{font-size:17px}.career-path{grid-template-columns:1fr;gap:24px;margin-top:36px;padding-top:0;border:0}.career-path article{border-left:1px solid var(--line);padding:0 0 0 24px}.career-path article:before{top:7px;left:-5px}.career-path p{max-width:none}.about-fit{padding:52px 0}.nav .wrap{gap:12px}.nav .brand{font-size:15px;gap:7px}.nav .brand-secondary{font-size:13px}.nav .btn{padding:10px;font-size:12px}.about-mobile-link{font-size:12px}}

.founder-portrait{display:block;width:240px;height:300px;object-fit:cover;object-position:40% center;border-radius:12px;margin-top:28px}.founder-portrait+.founder-caption{margin-top:16px}
@media(max-width:760px){.founder-portrait{width:208px;height:260px}}

.founder-portrait-frame{position:relative;overflow:hidden;width:240px;aspect-ratio:4/5;border-radius:12px;margin-top:28px;background:var(--paper2)}
.founder-portrait-frame img{position:absolute;width:169%;height:auto;max-width:none;left:-39%;top:-33.6%}
.founder-portrait-frame+.founder-caption{margin-top:16px}
@media(max-width:760px){.founder-portrait-frame{width:208px}}

.about-narrative{align-self:center}
@media(max-width:760px){.about-narrative{align-self:start}}

#story-title,#fit-title{scroll-margin-top:100px}

/* One continuous introduction and founder story. */
.about-overview{padding:56px 0 60px;background:linear-gradient(180deg,transparent 0,var(--paper) 420px),linear-gradient(90deg,var(--paper),transparent),repeating-linear-gradient(0deg,transparent 0 63px,#D9E1DA44 63px 64px),repeating-linear-gradient(90deg,transparent 0 63px,#D9E1DA44 63px 64px)}
.about-heading>.mono{color:var(--g);margin-bottom:20px}
.about-overview .about-title{font-size:clamp(36px,4.3vw,56px);max-width:1000px}
.about-overview .about-intro{max-width:900px;font-size:19px;margin-top:24px}
.about-overview .about-story-grid{grid-template-columns:280px 1fr;gap:64px;margin-top:36px;align-items:center}
.about-overview .founder-portrait-frame{margin-top:0}
.about-overview .career-path{margin-top:40px}
@media(max-width:760px){.about-overview{padding:36px 0 44px}.about-overview .about-title{font-size:clamp(29px,7.5vw,40px)}.about-overview .about-intro{font-size:18px}.about-overview .about-story-grid{grid-template-columns:1fr;gap:24px;margin-top:28px}.about-overview .career-path{margin-top:32px}}

/* Founder identity above the portrait; narrative centered on the photo row. */
.about-overview .about-story-grid{column-gap:64px;row-gap:18px}
.about-overview .founder-caption{grid-column:1;grid-row:1;margin:0;font-size:15px;line-height:1.5}
.about-overview .founder-caption strong{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin-bottom:6px}
.about-overview .founder-portrait-frame{grid-column:1;grid-row:2}
.about-overview .about-narrative{grid-column:2;grid-row:2;align-self:center}
@media(max-width:760px){.about-overview .about-story-grid{row-gap:18px}.about-overview .about-narrative{grid-column:1;grid-row:3;margin-top:6px}.about-overview .founder-caption strong{font-size:26px}}

/* Desktop overview fits one screen; small screens retain natural reading flow. */
@media(min-width:1000px){
.about-overview{box-sizing:border-box;min-height:calc(100svh - 69px);padding:24px 0;display:flex;align-items:center}
.about-overview>.wrap{width:100%}
.about-heading>.mono{margin-bottom:10px}
.about-overview .about-title{font-size:clamp(36px,3.3vw,46px);line-height:1.08;max-width:none}
.about-overview .about-intro{font-size:17px;line-height:1.5;max-width:1100px;margin-top:16px}
.about-overview .about-story-grid{grid-template-columns:220px 1fr;column-gap:48px;row-gap:12px;margin-top:22px}
.about-overview .founder-caption strong{font-size:26px;margin-bottom:3px}
.about-overview .founder-caption{font-size:14px}
.about-overview .founder-portrait-frame{width:184px}
.about-overview .about-narrative p{font-size:17px;line-height:1.5}
.about-overview .about-narrative p+p{margin-top:14px}
.about-overview .career-path{margin-top:26px;padding-top:18px;gap:32px}
.about-overview .career-path article:before{top:-23px}
.about-overview .career-path .mono{font-size:12px}
.about-overview .career-path h3{font-size:20px;margin:8px 0 5px}
.about-overview .career-path p{font-size:14px;line-height:1.45;max-width:36ch}
}