.about-section{border-bottom:1px solid var(--color-border);padding:clamp(2rem,5vw,3rem) 0}.about-section:last-child{border-bottom:none}.about-section:first-child{padding-top:0}.about-profile-card{text-align:center}.about-avatar-wrapper{justify-content:center;margin-bottom:1.5rem;display:flex}.about-avatar{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:50%;width:100px;height:100px;animation:3s ease-in-out infinite breathing;position:relative;overflow:hidden;box-shadow:0 0 #0000}.about-avatar img{object-fit:cover;width:100%;height:100%}@keyframes breathing{0%,to{box-shadow:0 0 20px 8px color-mix(in srgb, var(--color-primary) 30%, transparent)}50%{box-shadow:0 0 30px 12px color-mix(in srgb, var(--color-primary) 60%, transparent)}}.about-name{color:var(--color-text);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.about-slogan{color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:1.5rem;font-size:.875rem}.about-bio{color:var(--color-text-secondary);margin-inline:auto;text-align:center;max-width:42rem;margin-bottom:2rem;font-size:.9375rem;line-height:1.8}.about-bio p+p{margin-top:1rem}.about-contact{border-top:1px solid var(--color-border);padding-top:1.5rem}.about-contact-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:.75rem;font-size:.6875rem}.about-email{font-size:.9375rem;font-family:var(--font-mono);color:var(--color-primary);text-decoration:none;transition:color .2s}.about-email:hover{color:var(--color-accent);text-decoration:underline}.about-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:1.5rem;font-size:.875rem;font-weight:600}.about-skills{flex-wrap:wrap;gap:.625rem;display:flex}.about-skill-tag{border-radius:var(--r-xs,4px);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:default;align-items:center;padding:.375rem .875rem;font-size:.8125rem;font-weight:400;transition:color .22s,background .22s,border-color .22s;display:inline-flex;position:relative;overflow:hidden}.about-skill-tag:hover{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent);border-color:color-mix(in srgb, var(--color-primary) 25%, transparent)}.about-timeline{max-width:48rem;margin:0;padding:0 0 0 1.5rem;list-style:none;position:relative}.about-timeline:before{content:"";background:var(--color-border);width:1px;position:absolute;top:.5rem;bottom:1rem;left:.25rem}.about-timeline-item{grid-template-columns:5.5rem minmax(0,1fr);gap:.25rem 1.5rem;padding-bottom:2rem;display:grid;position:relative}.about-timeline-item:last-child{padding-bottom:0}.about-timeline-item:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.5rem;left:-1.4rem}.about-timeline-date{font-size:.8125rem;line-height:1.8;font-family:var(--font-mono);color:var(--color-text-secondary);margin-bottom:.25rem}.about-timeline-title{color:var(--color-text);margin-bottom:.125rem;font-size:.9375rem;font-weight:600}.about-timeline-subtitle{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.8125rem}.about-timeline-description{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.7}@media (max-width:640px){.about-avatar{width:80px;height:80px}.about-name{font-size:1.25rem}.about-timeline-item{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.about-avatar,.fade-up,.about-skill-tag,.about-timeline-item{transition-duration:.01ms!important;animation-duration:.01ms!important}}
