.experience-section{position:relative;width:100%;z-index:1}.experience-title{text-align:center;margin-bottom:3rem}.experience-title h2{font-weight:300;line-height:1.1}.experience-title .career-text{color:var(--color-text)}.experience-title .ampersand{color:var(--color-accent);font-weight:300}.experience-title .experience-text{color:var(--color-accent)}.timeline-container{position:relative}.timeline-line{position:absolute;left:15px;width:2px;height:100%;background:linear-gradient(to bottom,var(--color-accent),transparent)}@media (min-width:768px){.timeline-line{left:50%;transform:translateX(-50%)}}.timeline-spark{position:absolute;left:14px;width:12px;height:12px;z-index:10;background:var(--color-accent-light);border-radius:50%;filter:blur(1px);box-shadow:0 0 8px 2px rgba(255,217,112,.8),0 0 12px 5px var(--color-accent-glow);animation:sparkle .6s ease-out infinite alternate}@media (min-width:768px){.timeline-spark{left:50%;transform:translateX(-50%)}}.experience-item{margin-bottom:3rem;position:relative;padding-left:3rem}@media (min-width:640px){.experience-item{margin-bottom:4rem}}@media (min-width:768px){.experience-item{margin-bottom:5rem;padding-left:0}.experience-item.left-aligned{text-align:right;padding-right:calc(50% + 40px)}.experience-item.right-aligned{text-align:left;padding-left:calc(50% + 40px)}}@media (min-width:1024px){.experience-item{margin-bottom:7rem}}.experience-desktop{display:none}@media (min-width:768px){.experience-desktop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem}}.experience-year{font-size:3rem;color:var(--color-accent);font-weight:300}.experience-position{font-size:1.875rem;color:var(--color-text);font-weight:300;margin-bottom:.5rem}.experience-company{font-size:1.25rem;color:var(--color-accent);font-weight:300}.experience-mobile{display:block;margin-bottom:1rem;backdrop-filter:blur(8px);border-radius:.5rem;padding:1rem;border:1px solid var(--color-border);background-color:var(--color-surface)}@media (min-width:768px){.experience-mobile{display:none}}.experience-mobile-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.experience-mobile-content{flex:1;min-width:0}.experience-mobile .experience-position{font-size:1.125rem;line-height:1.25}@media (min-width:640px){.experience-mobile .experience-position{font-size:1.25rem}}.experience-mobile .experience-company{font-size:1rem;margin-top:.25rem}@media (min-width:640px){.experience-mobile .experience-company{font-size:1.125rem}}.experience-mobile .experience-year{font-size:1.5rem;margin-left:1rem;flex-shrink:0}@media (min-width:640px){.experience-mobile .experience-year{font-size:1.875rem}}.experience-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}@media (min-width:640px){.experience-description{font-size:1rem}}.experience-description.mobile{font-size:.875rem;line-height:1.6}@media (min-width:640px){.experience-description.mobile{font-size:1rem}}.experience-description.desktop{display:none}@media (min-width:768px){.experience-description.desktop{display:block}}.experience-button{padding:.75rem 1.5rem}.experience-button:hover{box-shadow:none;transform:translate(3px,3px)}.experience-button svg{width:1.25rem;height:1.25rem}@keyframes sparkle{0%{opacity:.6;transform:translate(-50%) scale(.8);box-shadow:0 0 5px 2px rgba(255,217,112,.5),0 0 8px 4px var(--color-accent-glow)}to{opacity:1;transform:translate(-50%) scale(1.2);box-shadow:0 0 10px 4px rgba(255,217,112,.8),0 0 20px 6px var(--color-accent-glow),0 0 30px 10px var(--color-accent-transparent)}}@media (max-width:767px){.experience-section{overflow-x:hidden}}@media (max-width:320px){.experience-section{padding-left:.75rem;padding-right:.75rem}}@media (min-width:640px) and (max-width:767px){.timeline-content{padding-left:3.5rem}}@media (min-width:768px){.timeline-mobile-layout{display:none}}.experience-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-weight:500;font-size:.9rem;background:#6366f1;color:white;width:fit-content;transition:all .3s ease;box-shadow:3px 3px 0 black;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;min-height:48px}@media (min-width:640px){.experience-button{padding:1rem 1.75rem;font-size:1rem;gap:.625rem}}@media (min-width:1024px){.experience-button{padding:1.125rem 2rem;font-size:1.063rem;gap:.75rem}}@media (min-width:1280px){.experience-button{padding:1.25rem 2.25rem;font-size:1.125rem;box-shadow:4px 4px 0 black}.experience-button:hover{transform:translate(4px,4px)}}.experience-button svg{width:1.125rem;height:1.125rem;flex-shrink:0}@media (min-width:640px){.experience-button svg{width:1.25rem;height:1.25rem}}@media (min-width:1280px){.experience-button svg{width:1.5rem;height:1.5rem}}