.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:40px}
.timeline::before{content:'';position:absolute;left:12px;top:0;width:2px;height:100%;background:linear-gradient(var(--accent-deep),rgba(168,132,79,.2))}
.timeline-item{position:relative;margin-bottom:28px}
.timeline-dot{position:absolute;left:-34px;top:30px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--bg2)}
.timeline-content{padding:28px 32px;background:var(--card);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius)}
.experience-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px}
.company{display:flex;align-items:center;gap:10px;color:var(--muted)}
.duration{color:var(--muted);font-size:.9rem}
.timeline-content h3{font-size:1.35rem;font-weight:600;margin-bottom:10px}
.timeline-content p{color:var(--muted);line-height:1.8;margin-bottom:20px}
.experience-skills{display:flex;flex-wrap:wrap;gap:8px}
.experience-skills span{padding:5px 14px;border-radius:999px;font-size:.85rem;background:rgba(217,185,138,.1);border:1px solid rgba(217,185,138,.25)}
@media(max-width:600px){.timeline-content{padding:22px}}