.about-page{max-width:680px;margin:0 auto;padding:140px 24px 120px;background:var(--canvas)}.about-nav{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:50;background:#fafafad9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}[data-theme=dark] .about-nav{background:#09090bd9}.about-nav-back{font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px;transition:gap .15s ease}.about-nav-back:hover{gap:12px}.about-nav-right{display:flex;align-items:center;gap:12px}.about-nav-lang{font-size:13px;color:var(--ink-subtle);text-decoration:none}.about-hero{margin-bottom:80px}.about-hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:600;letter-spacing:-.04em;line-height:1;margin-bottom:12px}.about-tagline{font-size:clamp(16px,2vw,20px);color:var(--ink-muted);margin-bottom:32px}.about-bio{font-size:15px;line-height:1.7;color:var(--ink-muted);max-width:520px}.about-section{padding-top:48px;border-top:1px solid var(--hairline);margin-bottom:48px}.about-section-title{font-size:13px;font-weight:500;color:var(--ink-subtle);letter-spacing:.02em;text-transform:uppercase;margin-bottom:32px}.about-text p{font-size:16px;line-height:1.75;color:var(--ink);margin-bottom:20px}.about-text p:last-child{margin-bottom:0}.about-text a{color:var(--accent);text-decoration:none;transition:opacity .15s ease}.about-text a:hover{opacity:.7}.about-exp-list{display:flex;flex-direction:column}.about-exp-item{display:grid;grid-template-columns:100px 1fr 20px;gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid var(--hairline);text-decoration:none;color:inherit;position:relative;transition:padding-left .2s ease}.about-exp-item:last-child{border-bottom:none}.about-exp-item:hover{padding-left:8px}.about-exp-date{font-size:13px;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.about-exp-body{display:flex;flex-direction:column;gap:2px}.about-exp-role{font-size:15px;font-weight:500;color:var(--ink)}.about-exp-company{font-size:13px;color:var(--ink-subtle)}.about-exp-arrow{color:var(--ink-subtle);opacity:0;transition:opacity .15s ease}.about-exp-item:hover .about-exp-arrow{opacity:1}.exp-hover{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:20px;box-shadow:0 8px 32px #00000014;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease;position:absolute;left:calc(100% + 20px);top:50%;width:260px;z-index:10;pointer-events:none}[data-theme=dark] .exp-hover{background:var(--dark-surface-2);border-color:var(--dark-hairline);box-shadow:0 8px 32px #0000004d}.about-exp-item:hover .exp-hover{opacity:1;visibility:visible;transform:translateY(-50%);pointer-events:auto}.exp-hover-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface-2)}.exp-hover-bio{font-size:13px;line-height:1.5;color:var(--ink-muted);margin:0}.exp-hover-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.about-tech-list{display:flex;flex-wrap:wrap;gap:8px}.about-tech-item{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;border:1px solid var(--hairline);border-radius:20px;color:var(--ink-muted);transition:all .2s ease}.about-tech-item:hover{border-color:var(--accent);color:var(--ink)}.about-tech-icon{width:auto;height:14px;flex-shrink:0}.about-works-list{display:flex;flex-direction:column}.about-work-item{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--hairline);text-decoration:none;color:inherit;transition:opacity .2s ease;align-items:start}.about-work-item:last-child{border-bottom:none}.about-work-item:hover{opacity:.6}.about-work-img{width:120px;height:80px;border-radius:4px;object-fit:cover}.about-work-cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:4px;display:block}.about-work-title{font-size:16px;font-weight:600;margin-bottom:4px}.about-work-desc{font-size:14px;line-height:1.5;color:var(--ink-muted)}.about-stack-text{font-size:15px;line-height:1.8;color:var(--ink-muted);letter-spacing:-.01em}.about-contact-section{padding-bottom:40px}.about-contact-links{display:flex;flex-wrap:wrap;gap:0;margin-bottom:48px}.about-contact-links a{font-size:17px;color:var(--ink-muted);margin-right:28px;padding:4px 0;position:relative;text-decoration:none;transition:color .15s ease}.about-contact-links a:after{content:"";position:absolute;left:0;bottom:2px;width:0;height:1px;background:var(--accent);transition:width .2s ease}.about-contact-links a:hover{color:var(--ink)}.about-contact-links a:hover:after{width:100%}.about-sig{font-size:13px;color:var(--ink-subtle)}.about-sig a{color:var(--ink-subtle);text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.about-page{padding:100px 20px 80px}.about-exp-item{grid-template-columns:80px 1fr}.about-exp-arrow,.exp-hover{display:none}.about-work-item{grid-template-columns:80px 1fr;gap:16px}.about-work-img{width:80px;height:60px}.about-text p{font-size:15px}}