/* Experience Section */
.experience-timeline { list-style:none; padding:0; margin:0; display:grid; gap:1.75rem; position:relative; }
.exp-item { position:relative; padding-left:1.5rem; }
.exp-item:before { content:""; position:absolute; left:.4rem; top:.4rem; width:.65rem; height:.65rem; background:var(--color-accent); border-radius:var(--radius-ui); box-shadow:0 0 0 4px rgba(99,102,241,.18); display:block; }
.exp-item:after { content:""; position:absolute; left:.63rem; top:1.3rem; bottom:-1.75rem; width:2px; background:linear-gradient(var(--color-border), transparent); }
.exp-item:last-child:after { display:none; }
.exp-header { display:flex; flex-direction:column; gap:.35rem; }
@media (min-width:640px){ .exp-header { flex-direction:row; align-items:baseline; justify-content:space-between; } }
.exp-role { font-size:1rem; margin:0; font-weight:600; }
.exp-company { font-weight:600; color:var(--color-accent); }
.exp-period { font-size:.75rem; text-transform:uppercase; letter-spacing:.5px; color:var(--color-text-dim); font-weight:600; }
.exp-summary { margin:.25rem 0 .6rem; font-size:.85rem; line-height:1.5; color:var(--color-text-dim); }
.exp-stack { display:flex; gap:.4rem; flex-wrap:wrap; }
.exp-stack .tag { background:#242d37; color:var(--color-text-dim); font-size:.6rem; padding:.35rem .55rem; border-radius:6px; letter-spacing:.5px; font-weight:600; text-transform:uppercase; }
.exp-item:hover .exp-role, .exp-item:hover .exp-summary { color: var(--color-accent); }
.exp-item:hover:before { transform:scale(1.15); transition: transform .3s var(--transition-med); }

/* Compact variant — credibility support, not main story */
.experience-timeline--compact { gap:1.1rem; }
.exp-item--compact { padding-left:1.25rem; }
.exp-item--compact .exp-role { font-size:.88rem; }
.exp-item--compact .exp-summary { font-size:.8rem; margin:.15rem 0 .45rem; }
.exp-item--compact .exp-stack .tag { font-size:.58rem; padding:.25rem .45rem; }