.experience-container{display:flex;justify-content:center;padding:var(--space-xl) var(--space-md) 6rem}.experience-content{width:100%;max-width:800px;padding:0 var(--space-md)}.experience-subtitle{font-family:var(--font-mono);font-size:1rem;color:var(--color-accent);margin-bottom:var(--space-sm)}.experience-title{color:var(--color-text-primary);font-size:3rem;font-weight:600;margin-bottom:var(--space-md)}.experience-body{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:var(--space-2xl)}.timeline{position:relative;padding-left:var(--space-xl)}.timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-accent),rgba(52,227,151,.05))}.timeline-item{position:relative;margin-bottom:var(--space-2xl)}.timeline-dot{position:absolute;left:-2rem;top:.35rem;width:14px;height:14px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg);box-shadow:0 0 10px #34e39780}.timeline-card{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:8px;transition:border-color .25s ease,box-shadow .25s ease}.timeline-card:hover{border-color:var(--color-border-hover);box-shadow:0 0 24px #34e3970d}.timeline-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.timeline-dates{font-family:var(--font-mono);color:var(--color-accent);font-size:.85rem}.timeline-badge{font-family:var(--font-mono);font-size:.7rem;background:var(--color-accent);color:var(--color-bg);padding:2px 8px;border-radius:4px;font-weight:500;letter-spacing:.06em}.timeline-company{color:var(--color-text-primary);font-size:1.6rem;font-weight:600;margin-bottom:.2rem}.timeline-role{font-family:var(--font-mono);color:var(--color-accent-dim);font-size:.9rem;margin-bottom:var(--space-md)}.timeline-description{font-family:var(--font-body);color:var(--color-text-secondary);font-size:1rem;line-height:1.7;margin-bottom:var(--space-lg)}.timeline-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.timeline-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);border:1px solid rgba(52,227,151,.3);padding:3px 10px;border-radius:20px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.timeline-tag:hover{background:var(--color-accent-faint);border-color:var(--color-border-hover)}.timeline-tag-active{background:var(--color-accent-faint);border-color:var(--color-accent)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.filter-pill{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);background:transparent;border:1px solid rgba(52,227,151,.3);padding:5px 14px;border-radius:20px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.filter-pill:hover{background:var(--color-accent-faint);border-color:var(--color-border-hover)}.filter-pill-active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.filter-pill-active:hover{background:var(--color-accent);color:var(--color-bg)}@media (max-width: 768px){.experience-container{padding:var(--space-md) 0 var(--space-3xl)}.experience-content{padding:0 var(--space-sm)}.experience-title{font-size:2rem}.experience-body{font-size:1rem}.timeline{padding-left:var(--space-lg)}.timeline-dot{left:-1.5rem}.timeline-card{padding:var(--space-md)}.timeline-company{font-size:1.3rem}.timeline-role{font-size:.8rem}.timeline-description{font-size:.95rem}}