.about-sec-border{border-bottom:1px solid var(--border)}.about-section-heading{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;margin:clamp(12px,1.5vw,20px) 0 clamp(32px,4vw,56px);font-size:clamp(1.6rem,2vw + 1rem,2.4rem);font-weight:600}.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(14px,1.5vw,20px);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{border-top:1px solid var(--border);flex-direction:column;margin-top:clamp(24px,3vw,40px);display:flex}.tl-item{border-bottom:1px solid var(--border);transition:border-color var(--t-base),background var(--t-base),opacity var(--t-base);border-left:3px solid #0000;border-right:3px solid #0000;grid-template-columns:clamp(120px,14vw,180px) 1fr;align-items:baseline;gap:clamp(20px,3vw,40px);padding:clamp(24px,3vw,40px) clamp(20px,2.5vw,32px);display:grid}.about-timeline:hover .tl-item{opacity:.35}.about-timeline:hover .tl-item:hover{opacity:1;border-left-color:var(--accent);border-right-color:var(--accent);background:#ffffff05}.tl-year{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-size:clamp(10px,.2vw + 9.5px,13px)}.tl-title{font-family:var(--font-display);color:var(--white);margin-bottom:6px;font-size:clamp(1.05rem,1vw + .4rem,1.3rem);font-weight:600}.tl-text{font-family:var(--font-body);color:var(--text2);font-size:clamp(.85rem,.15vw + .76rem,.95rem);line-height:var(--lh-relaxed);max-width:56ch}.about-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px);display:grid}.principle{border:1px solid var(--border);border-left:3px solid var(--border);transition:border-color var(--t-base),background var(--t-base);background:#ffffff03;grid-template-columns:auto 1fr;gap:clamp(16px,2vw,28px);padding:clamp(24px,3vw,36px);display:grid}.principle:hover{border-left-color:var(--accent);background:#8b5cf608}.principle-num{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);padding-top:4px;font-size:clamp(11px,.2vw + 10px,14px)}.principle-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.005em;margin:0 0 10px;font-size:clamp(1.05rem,.8vw + .6rem,1.25rem);font-weight:600;line-height:1.35}.principle-text{font-family:var(--font-body);color:var(--text2);max-width:48ch;margin:0;font-size:clamp(.88rem,.15vw + .8rem,1rem);line-height:1.7}.about-beyond{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.beyond-item{border-bottom:1px solid var(--border);transition:background var(--t-base);padding:clamp(24px,3vw,40px) clamp(20px,2.5vw,32px)}.beyond-item:nth-child(odd){border-right:1px solid var(--border)}.beyond-item:hover{background:#ffffff05}.beyond-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:clamp(10px,.15vw + 9.5px,12px)}.beyond-text{font-family:var(--font-body);color:var(--text2);max-width:52ch;margin:0;font-size:clamp(.88rem,.15vw + .8rem,1rem);line-height:1.7}@media (max-width:900px){.about-intro{grid-template-columns:1fr;gap:clamp(32px,4vw,48px)}.about-portrait{order:-1;max-width:320px;position:static}.about-principles{grid-template-columns:1fr;gap:16px}.about-beyond{grid-template-columns:1fr}.beyond-item:nth-child(odd){border-right:none}}@media (max-width:768px){.principle{padding:clamp(20px,4vw,28px)}}