.timeline-wrapper{padding-left:2rem;position:relative}.timeline-line{background:#dcdcdc;display:block;height:100%;left:calc(.5rem - 1px);position:absolute;top:0;width:2px}.timeline-line__progress{background:var(--color--red);height:33%;left:0;position:absolute;top:0;width:100%}ul.timeline{gap:4rem}.timeline__item,ul.timeline{display:flex;flex-direction:column}.timeline__item{align-items:center;gap:2rem;position:relative}.timeline__item__dot{background:#dcdcdc;border-radius:50%;height:1rem;left:-2rem;position:absolute;top:.5rem;width:1rem}.timeline__item>div{width:100%}span.timeline__item__date{color:rgba(0,0,0,.25);display:block;font-size:1.25rem;font-weight:400;margin-bottom:.5rem}h2.timeline__item__title{font-size:2rem}.timeline__item__image{display:flex}.timeline__item.vertical .timeline__item__image img{height:100%;max-height:100%;max-width:100%;width:auto}.timeline__item.horizontal .timeline__item__image img{height:auto;width:100%}@media (min-width:880px){.timeline-wrapper{padding-left:0}.timeline-line{left:calc(50% - 1px)}ul.timeline{gap:8rem}.timeline__item{flex-direction:row-reverse;gap:4rem}.timeline__item.vertical{height:75vh}.timeline__item.horizontal{height:50vh}.timeline__item__dot{left:calc(50% - .5rem);top:calc(50% - .5rem)}.timeline__item>div{flex-basis:calc(50% - 2rem);width:calc(50% - 2rem)}h2.timeline__item__title{font-size:2.5rem}.timeline__item__image{align-items:center;height:100%;justify-content:flex-end;max-height:100%}.timeline__item.vertical .timeline__item__image img{min-height:100%}}@media (min-width:1280px){.timeline__item{gap:8rem}.timeline__item>div{flex-basis:calc(50% - 4rem);width:calc(50% - 4rem)}}