.experience-hero-section{padding:6.2rem 0 3.5rem}.timeline-container{position:relative;max-width:900px;margin:0 auto;padding:2rem 0}.timeline-container::before{content:'';position:absolute;top:0;bottom:0;left:24px;width:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary),transparent)}.timeline-card{position:relative;margin-left:60px;margin-bottom:3rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),border-color 0.25s ease,box-shadow 0.25s ease;transform-style:preserve-3d}.timeline-card:hover{transform:perspective(1000px) translate3d(8px,0,14px);border-color:var(--color-cyan);box-shadow:0 15px 40px rgba(0,0,0,0.5),0 0 25px rgba(34,211,238,0.18)}.timeline-dot{position:absolute;top:2rem;left:-48px;width:20px;height:20px;border-radius:50%;background:var(--bg-canvas);border:4px solid var(--color-primary);box-shadow:0 0 12px var(--color-primary)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.role-title{font-size:1.35rem;font-weight:700;color:var(--text-main);margin-bottom:0.25rem}.company-name{color:var(--color-secondary-light);font-weight:600;font-size:1rem}.period-badge{padding:0.3rem 0.8rem;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:0.85rem;color:var(--text-muted)}.timeline-outcomes{list-style:none;margin:1.25rem 0;display:flex;flex-direction:column;gap:0.65rem}.timeline-outcomes li{position:relative;padding-left:1.5rem;font-size:0.95rem;color:var(--text-muted)}.timeline-outcomes li::before{content:'▹';position:absolute;left:0;color:var(--color-accent);font-weight:bold}.timeline-tech-stack{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}@media (max-width:600px){.timeline-container::before{left:12px}.timeline-card{margin-left:36px;padding:1.5rem}.timeline-dot{left:-30px;width:16px;height:16px}}