.timeline-wrapper{position:relative;margin:2rem auto;padding-bottom:2rem}.timeline-wrapper:after{content:"";position:absolute;width:4px;background-color:var(--border-color);top:0;bottom:0;left:20px;margin-left:-2px;z-index:0}.timeline-item{padding:10px 0 30px 60px;position:relative;background-color:inherit;width:100%}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;left:10px;background-color:var(--primary-background);border:4px solid var(--interactive-blue);top:24px;border-radius:50%;z-index:1;transition:all .2s ease-in-out}.timeline-item:hover:after{background-color:var(--interactive-blue);border-color:var(--primary-background);box-shadow:0 0 0 4px var(--interactive-blue)}.timeline-item-content{padding:1.5rem;background-color:var(--primary-background);position:relative;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);border:1px solid var(--border-color);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.timeline-item:hover .timeline-item-content{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);border-color:var(--interactive-blue)}.timeline-item-content:before{left:-10px;border-width:10px 10px 10px 0;border-color:transparent var(--border-color) transparent transparent}.timeline-item-content:after,.timeline-item-content:before{content:" ";height:0;position:absolute;top:24px;width:0;z-index:1}.timeline-item-content:after{left:-9px;border-width:10px 10px 10px 0;border-color:transparent var(--primary-background) transparent transparent}.timeline-item-period{font-size:.875rem;color:var(--secondary-text);font-weight:600;margin-bottom:.25rem;display:block;text-transform:uppercase;letter-spacing:.05em}.timeline-item-title{font-size:1.25rem;font-weight:700;color:var(--primary-text);line-height:1.3}.timeline-item-subtitle{font-size:1rem;font-weight:600;color:var(--interactive-blue);margin-bottom:1rem}.timeline-item-body{display:flex;flex-direction:column;gap:1rem}.timeline-item-image{width:64px;height:64px;object-fit:contain;background-color:white;padding:.25rem;border-radius:.5rem;border:1px solid var(--border-color-light);flex-shrink:0}.timeline-item-description{list-style-type:none;padding-left:0;color:var(--secondary-text);font-size:.95rem;line-height:1.6}.timeline-item-description li{margin-bottom:.5rem;position:relative;padding-left:1.25rem}.timeline-item-description li:before{content:"•";color:var(--interactive-blue);font-weight:700;position:absolute;left:0}@media screen and (min-width:768px){.timeline-wrapper:after{left:50%;margin-left:-2px}.timeline-item{padding:10px 40px;width:50%}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-item:after{left:auto;right:-11px}.timeline-item:nth-child(2n):after{left:-11px}.timeline-item-body{flex-direction:row;align-items:flex-start}.timeline-item-image{width:80px;height:80px}.timeline-item-content:after,.timeline-item-content:before{border-color:transparent}.timeline-item:nth-child(odd) .timeline-item-content:before{right:-11px;left:auto;border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--border-color)}.timeline-item:nth-child(odd) .timeline-item-content:after{right:-10px;left:auto;border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--primary-background)}.timeline-item:nth-child(2n) .timeline-item-content:before{left:-11px;right:auto;border-width:10px 10px 10px 0;border-color:transparent var(--border-color) transparent transparent}.timeline-item:nth-child(2n) .timeline-item-content:after{left:-10px;right:auto;border-width:10px 10px 10px 0;border-color:transparent var(--primary-background) transparent transparent}}