.about-intro{grid-template-columns:1fr 380px;align-items:start;gap:clamp(48px,5vw,80px);display:grid}.about-bio{max-width:720px}.about-bio p{font-family:var(--font-body);color:var(--text2);margin-bottom:clamp(20px,2vw,28px);font-size:clamp(15px,.2vw + 14px,18px);font-weight:400;line-height:1.8}.about-portrait{position:sticky;top:120px}.about-portrait-img{border:1px solid var(--border);filter:grayscale(.2);width:100%;height:auto;transition:filter var(--t-base);display:block}.about-portrait:hover .about-portrait-img{filter:grayscale(0)}.about-portrait-caption{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:16px 0;display:flex}.about-portrait-name{font-family:var(--font-body);color:var(--white);font-size:clamp(14px,.2vw + 13px,17px);font-weight:500}.about-portrait-role{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text3);font-size:clamp(10px,.15vw + 9.5px,12px)}.about-timeline{margin-top:clamp(24px,3vw,40px);padding-left:clamp(48px,5vw,80px);position:relative}.about-timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:0}.tl-item{padding-bottom:clamp(36px,4vw,56px);position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";border-radius:var(--r-full);border:2px solid var(--accent);background:var(--black);width:9px;height:9px;position:absolute;top:6px;left:calc(-1*clamp(48px,5vw,80px));transform:translate(-4px)}.tl-year{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);margin-bottom:8px;font-size:clamp(10px,.2vw + 9.5px,13px)}.tl-title{font-family:var(--font-display);color:var(--white);margin-bottom:8px;font-size:clamp(1.1rem,1vw + .5rem,1.4rem);font-weight:600}.tl-text{font-family:var(--font-body);color:var(--text2);font-size:clamp(14px,.15vw + 13px,17px);line-height:1.7}.about-tech{flex-wrap:wrap;gap:8px;margin-top:clamp(20px,2vw,32px);display:flex}.about-personal{max-width:640px}.about-personal p{font-family:var(--font-body);color:var(--text3);font-size:clamp(15px,.2vw + 14px,18px);font-style:italic;font-weight:300;line-height:1.75}@media (max-width:900px){.about-intro{grid-template-columns:1fr;gap:clamp(32px,4vw,48px)}.about-portrait{order:-1;max-width:320px;position:static}}@media (max-width:768px){.about-timeline{padding-left:36px}.tl-item:before{left:-36px}}