section.is--experience-section{z-index:0;padding-top:0;padding-bottom:0}.experience-container{z-index:0;flex-flow:column;justify-content:center;align-items:center;width:60vw;display:flex}.experience-container,.experience-wrapper{margin-left:auto;margin-right:auto;position:relative}.experience-wrapper{grid-column-gap:var(--globals-layout-gap);grid-row-gap:var(--globals-layout-gap);grid-template-rows:1fr;grid-template-columns:10rem 3rem 1fr;width:100%;padding-top:4rem;padding-bottom:4rem;display:grid;opacity:0;transform:translate3d(0,4rem,0);animation:experience-reveal linear both;animation-timeline:view();animation-range:entry 10% cover 35%}.experience-card__dates{text-align:right;width:100%;position:static}.experience-card__dates-text{position:-webkit-sticky;position:sticky;top:50vh}.experience-card__content{width:80%}.experience-card__content p{margin-top:1rem}.experience-timeline__point-wrapper{justify-content:center;align-items:flex-start;display:flex}.experience-timeline__point{background-color:var(--colors--bright-gray);border-radius:50%;width:1.5rem;height:1.5rem;position:-webkit-sticky;position:sticky;top:50vh}.experience-line{z-index:-2;background-color:var(--colors--dark-slate-gray);width:3px;height:100%;position:absolute;left:12.45rem;overflow:hidden}.experience-line__progress{background-image:linear-gradient(180deg,var(--colors--light-sky-blue),var(--colors--slate-blue));width:3px;height:var(--experience-line-height,50vh);position:absolute;top:var(--experience-line-offset,0);left:0}.experience-line__progress-fade{background-image:linear-gradient(180deg,var(--swatches--background) 25%,#15171800);width:3px;height:20px;position:absolute}.experience-line__progress-fade.is--fade-down{background-image:linear-gradient(0deg,var(--swatches--background) 25%,#15171800);bottom:0}@keyframes experience-reveal{0%{opacity:0;transform:translate3d(0,4rem,0)}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:991px){.experience-card__content,.experience-container{width:100%}.experience-timeline__point{width:1rem;height:1rem}.experience-wrapper{grid-template-columns:8rem 2rem 1fr}.experience-line{left:9.95rem}}@media screen and (max-width:479px){.experience-card__dates{text-align:left}.experience-wrapper{grid-column-gap:.5rem;grid-row-gap:.5rem;grid-template-columns:4rem 1.5rem 1fr;padding-top:2rem;padding-bottom:2rem}.experience-line{left:5.1rem}}