/* About: readable career history beside the original hand sculpture. */
.home-page #about .sec-h{margin-bottom:10px}
.about-intro{margin:0 0 28px;color:#555e68;font-size:16px;line-height:1.7}
.home-page #about .ab-grid{gap:clamp(36px,6vw,100px);align-items:start}
.home-page #about .about-column-heading{display:flex;align-items:center;min-height:40px;margin:0 0 18px;gap:9px}
.home-page #about .about-column-heading.lbl,.home-page #about .about-column-heading .lbl{font-size:11px;letter-spacing:1.8px;color:#626a73;line-height:1.5;margin:0}
.home-page #about .about-column-heading.lbl{margin-bottom:18px}
.about-column-heading i{font-size:16px;letter-spacing:0;margin-right:7px}
.experience-heading{justify-content:space-between}
.about-language{display:flex;gap:3px;padding:3px;border:1px solid #e4e6e8;border-radius:30px}
.about-language button{font:inherit;font-size:11px;letter-spacing:.5px;border:0;border-radius:22px;background:transparent;color:#59616b;padding:7px 11px;cursor:pointer}
.about-language button[aria-pressed=true]{background:#25282c;color:#fff}
.about-language button:focus-visible,.timeline-cta:focus-visible,.experience-work a:focus-visible{outline:2px solid #303840;outline-offset:4px}
.home-page #about .edu-c{padding:0 0 4px;margin:0;border:0;background:none;box-shadow:none}
.home-page #about .edu-yr{font-size:12px;color:#626a73;font-variant-numeric:tabular-nums;margin-bottom:9px}
.home-page #about .edu-c h3{font-size:20px;font-weight:600;color:#25282c;margin:0 0 8px}
.home-page #about .edu-c p{font-size:13px;line-height:1.7;color:#59616b;margin:0}
.home-page #about .skills-orbit{margin-top:24px;padding-top:24px}
.home-page #about .skills-orbit-copy .lbl{color:#68717a;font-size:10px}
.home-page #about .skills-orbit-copy>p:not(.lbl){color:#59616b}
.home-page #about .experience-timeline{position:relative;padding:0 0 0 27px;margin:0;border:0}
.experience-timeline::before{display:none!important}
.timeline-track{position:absolute;top:12px;bottom:28px;left:5px;width:1px;background:#e3e6e9;overflow:hidden}
.timeline-track>span{display:block;width:100%;height:100%;background:#30363c;transform-origin:top;transform:scaleY(var(--timeline-progress,1))}
.home-page #about .tl-it{position:relative;margin:0;padding:0 0 27px 0;border:0;opacity:1;transform:none;transition:opacity .35s,transform .35s}
.home-page #about .tl-it:last-child{padding-bottom:10px}
.home-page #about .tl-dot{display:block;position:absolute;top:7px;left:-27px;width:11px;height:11px;background:#fff;border:1.5px solid #7d858e;border-radius:50%;z-index:1}
.home-page #about .is-current .tl-dot{background:#25282c;border-color:#25282c}
.is-current .tl-dot::after{content:"";position:absolute;inset:-5px;border:1px solid #959ca4;border-radius:50%;animation:career-pulse 3.8s ease-out infinite}
.timeline-meta{display:flex;align-items:center;gap:12px;min-height:24px;margin-bottom:9px}
.timeline-year-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-page #about .tl-yr{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.25px;color:#636b75;margin:0}
.current-badge{font-size:10px;line-height:1.5;border-radius:20px;padding:3px 9px;background:#f0f2f3;color:#30363d}
.home-page #about .tl-co{font-size:16px;line-height:1.5;font-weight:600;color:#262b31;margin:0 0 11px}
.role-chips{display:flex;flex-wrap:wrap;gap:6px}
.role-chips[hidden]{display:none}
.role-chips>span{font-size:11px;line-height:1.5;padding:4px 9px;background:#f6f7f8;border:1px solid #e5e8eb;border-radius:20px;color:#4f5963}
.experience-work{display:flex;gap:8px 15px;flex-wrap:wrap;margin-top:12px}
.experience-work a{font-size:12px;line-height:1.7;color:#343d46;text-underline-offset:4px;text-decoration:underline;text-decoration-color:#c6cbd0}
.experience-work a:hover{text-decoration-color:#25282c}
.timeline-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px 0 0 27px;padding:16px 0;border-top:1px solid #e4e7ea;font-size:13px;color:#303840;text-decoration:none}
@keyframes career-pulse{0%,100%{transform:scale(.85);opacity:.3}50%{transform:scale(1.2);opacity:0}}
@media(min-width:721px) and (hover:hover) and (prefers-reduced-motion:no-preference){
 .home-page #about .timeline-enhanced .tl-it{opacity:.86}
 .home-page #about .timeline-enhanced .tl-it.is-near,.home-page #about .timeline-enhanced .tl-it:focus-within,.home-page #about .timeline-enhanced .tl-it:hover{opacity:1}
 .home-page #about .timeline-enhanced .tl-it:not(.is-reached){transform:translateY(10px)}
 .home-page #about .timeline-enhanced .tl-it:hover{transform:translateX(6px)}
 .home-page #about .tl-it:hover .tl-dot{border-color:#111;box-shadow:0 0 0 3px #eceef0}
}
@media(max-width:720px){.about-intro{font-size:14px}.home-page #about .experience-column{margin-top:40px}.home-page #about .tl-co{font-size:15px}.home-page #about .tl-it{padding-bottom:28px}.is-current .tl-dot::after{animation:none}}
@media(prefers-reduced-motion:reduce){.is-current .tl-dot::after{animation:none}.home-page #about .tl-it{transition:none}}
