/* About participates in the page scroll and uses the shared ambient grid. */
#about{position:relative;background:var(--dark);color:var(--light);scroll-margin-top:0;--about-line:rgba(242,241,236,.22);--about-muted:#a7acae}
#about .about-pin{position:relative;isolation:isolate;padding:100px var(--pad) 42px;min-height:100svh;display:flex;flex-direction:column}
#about .about-pin>.section-grid{z-index:0}
#about .about-heading,#about .about-window,#about .about-progress{position:relative;z-index:1}
#about .about-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--about-line);padding-top:20px;margin-bottom:34px}
#about-title{font-size:clamp(26px,3vw,42px);font-weight:600;letter-spacing:-.05em;line-height:1;margin:0;text-transform:uppercase}
#about .about-heading>span{font-size:10px;color:var(--about-muted);letter-spacing:.1em}
#about .about-content{max-width:1120px;margin:0 auto;padding:8px 0 20px;will-change:transform}
#about .about-intro{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(36px,5vw,76px);align-items:start;padding-bottom:36px}
#about .about-since{padding:24px 0;border-top:3px solid var(--accent);font-size:18px;font-weight:600;color:var(--accent)}
#about .about-since strong{display:block;font-size:76px;line-height:1;font-weight:700;letter-spacing:-.075em;color:var(--accent);margin:8px 0 25px}
#about .about-since span{display:block;padding-top:16px;border-top:1px solid var(--about-line);font-size:11px;font-weight:400;color:var(--about-muted)}
#about .about-name{font-size:clamp(26px,2.6vw,38px);font-weight:600;letter-spacing:-.04em;margin:0 0 9px;line-height:1.15}
#about .about-role{color:var(--accent);font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 25px}
#about .about-lead{font-size:clamp(22px,2.2vw,30px);font-weight:500;letter-spacing:-.025em;line-height:1.35;margin:0}
#about .about-note{font-size:16px;line-height:1.65;color:var(--about-muted);margin:22px 0 0}
#about .about-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(36px,5vw,76px);padding:28px 0;border-top:1px solid var(--about-line);transition:background .35s,border-color .35s}
#about .about-label{display:flex;gap:20px;font-size:12px;line-height:1.6}
#about .about-label span{color:var(--accent);font-weight:600}
#about .about-row p{font-size:18px;line-height:1.5;letter-spacing:-.015em;margin:0}
#about .about-row small{display:block;font-size:14px;line-height:1.6;color:var(--about-muted);margin-top:12px}
#about .about-progress{height:1px;margin-top:22px;background:var(--about-line);flex:none}
#about .about-progress span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--about-progress,0))}
@media(min-width:981px){
 #about.is-pinned .about-pin{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden}
 #about.is-pinned .about-window{flex:1;min-height:0;overflow:hidden;mask-image:linear-gradient(transparent,#000 8px,#000 calc(100% - 12px),transparent)}
}
@media(hover:hover) and (pointer:fine){
 #about .about-row:hover{background:rgba(41,151,255,.08);border-top-color:var(--accent)}
 #about .about-row:hover .about-label{color:var(--accent)}
}
#about.motion-ready .about-reveal{opacity:0;translate:0 25px;transition:opacity .7s ease,translate .85s cubic-bezier(.2,.7,.2,1)}
#about.motion-ready .about-reveal.is-visible{opacity:1;translate:0 0}
@media(max-width:980px){
 #about .about-pin{min-height:0;padding:76px var(--pad) 38px}
 #about .about-heading{margin-bottom:30px;padding-top:18px}
 #about .about-heading>span{font-size:8px;letter-spacing:.05em}
 #about .about-intro{grid-template-columns:1fr;gap:30px;padding-bottom:30px}
 #about .about-since{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px 0;gap:4px 14px}
 #about .about-since strong{grid-column:2;grid-row:1/3;font-size:52px;margin:0}
 #about .about-since span{grid-column:1;padding:0;border:0;font-size:10px}
 #about .about-name{font-size:29px}
 #about .about-role{font-size:10px;margin-bottom:24px}
 #about .about-lead{font-size:24px}
 #about .about-note{font-size:15px}
 #about .about-row{grid-template-columns:1fr;gap:16px;padding:26px 0}
 #about .about-row p{font-size:17px}
 #about .about-progress{display:none}
}
@media(prefers-reduced-motion:reduce){
 #about.motion-ready .about-reveal{opacity:1;translate:none;transition:none}
 #about .about-content{will-change:auto}
 #about .about-progress{display:none}
}

/* V76: light About theme follows the alternating section order. */
#about.light{background:var(--paper);color:var(--ink);--about-line:rgba(17,17,17,.22);--about-muted:#555}
#about.light .about-since strong{color:var(--accent)}

@media(max-width:980px){
 #about .about-heading,#about .about-since,#about .about-since span,#about .about-row{border:0}
}