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