/* About */
.about__sticky{position:sticky;top:calc(var(--nav-height) + var(--space-xl))}
.about__bio p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-md)}
.about__accordion{margin-top:var(--space-xl)}

.accordion__item{border-bottom:1px solid var(--color-border)}
.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-lg) 0;font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:color var(--duration-fast)}
.accordion__trigger:hover{color:var(--color-accent)}
.accordion__icon{position:relative;width:12px;height:12px}
.accordion__icon::before,.accordion__icon::after{content:'';position:absolute;background:currentColor;transition:transform var(--duration-normal) var(--ease-out-expo)}
.accordion__icon::before{width:100%;height:1.5px;top:50%;transform:translateY(-50%)}
.accordion__icon::after{width:1.5px;height:100%;left:50%;transform:translateX(-50%)}
.accordion__trigger[aria-expanded="true"] .accordion__icon::after{transform:translateX(-50%) rotate(90deg)}

.accordion__content{overflow:hidden;max-height:0;transition:max-height 0.5s var(--ease-out-expo)}
.accordion__content.expanded{max-height:2000px}

.timeline{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-lg)}
.timeline::before{content:'';position:absolute;left:5px;top:4px;bottom:4px;width:1px;background:var(--color-border)}
.timeline__item{position:relative;margin-bottom:var(--space-lg)}
.timeline__item:last-child{margin-bottom:0}
.timeline__dot{position:absolute;left:calc(-1 * var(--space-lg) + 1px);top:6px;width:9px;height:9px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg)}
.timeline__info h4{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}
.timeline__meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}
.timeline__info p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}

.skills__group{margin-bottom:var(--space-lg)}
.skills__group h5{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-sm)}
.skills__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}
.skill-tag{padding:6px 14px;border:1px solid var(--color-border);border-radius:20px;font-size:var(--text-xs);color:var(--color-text-secondary);transition:all var(--duration-fast)}
.skill-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}