.experience-main{padding:clamp(1rem,3vw,2rem)}.experience-section{max-width:1200px;margin:0 auto}.experience-content{width:100%}.experience-title{font-family:var(--font-display,system-ui);font-size:clamp(2rem,5vw,2.5rem);font-weight:700;text-align:center;margin-bottom:clamp(2rem,4vw,3rem);color:var(--foreground);letter-spacing:var(--tracking-tight)}.experience-timeline{flex-direction:column}.experience-timeline,.timeline-item{display:flex;gap:1.5rem;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow),0 0 4px var(--accent);flex-shrink:0;margin-top:8px}.timeline-line{width:2px;flex-grow:1;background:linear-gradient(to bottom,var(--accent),transparent);margin-top:4px;min-height:calc(100% - 1rem);position:absolute;top:20px;left:50%;transform:translateX(-50%)}.experience-card{flex:1;background:var(--card);border-left:1px solid var(--card-border);border:1px solid var(--card-border);border-left-width:2px;border-radius:12px;padding:clamp(1rem,3vw,1.5rem);position:relative;transition:transform .3s ease,box-shadow .3s ease,border-left-color .3s ease}.timeline-item:first-child .experience-card{animation-delay:.1s}.timeline-item:nth-child(2) .experience-card{animation-delay:.2s}.timeline-item:nth-child(3) .experience-card{animation-delay:.3s}.timeline-item:nth-child(4) .experience-card{animation-delay:.4s}.experience-card:hover{transform:translateY(-2px);box-shadow:var(--card-hover-shadow);border-left-color:var(--accent)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.card-title-section{flex:1}.position-title{font-family:var(--font-display,system-ui);font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem;letter-spacing:var(--tracking-tight)}.company-info{font-size:.95rem;color:var(--primary);margin:0;font-weight:500}.date-badge{padding:.35rem .85rem;border:1px solid var(--accent);border-radius:4px;font-family:var(--font-mono);font-size:.75rem;color:var(--accent);white-space:nowrap;background:transparent;transition:all .2s ease;cursor:default;letter-spacing:.02em}.date-badge:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);transform:translateY(-1px)}.experience-description{font-size:.95rem;color:var(--primary);margin-bottom:1rem;line-height:1.5}.responsibilities-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.responsibility-item{position:relative;padding-left:1.25rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.responsibility-item:before{content:"";position:absolute;left:0;top:.5rem;width:5px;height:5px;border-radius:50%;background:var(--accent)}.technologies-section{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--card-border);justify-content:center}.tech-tag{padding:.2rem .6rem;background:transparent;border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.72rem;color:var(--accent);font-weight:400;letter-spacing:.02em;transition:all .2s ease}.tech-tag:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-1px)}@media (max-width:768px){.experience-main{padding:1rem}.experience-title{font-size:2rem;margin-bottom:2rem}.timeline-item{gap:1rem}.timeline-marker{display:none}.experience-card{padding:1.25rem}.card-header{flex-direction:column;gap:.75rem}.date-badge{align-self:flex-start}.position-title{font-size:1.1rem}.responsibility-item{font-size:.85rem}}@media (max-width:480px){.experience-title{font-size:1.75rem}.experience-card{padding:1rem}.position-title{font-size:1rem}.company-info{font-size:.9rem}.date-badge{font-size:.8rem;padding:.3rem .75rem}}