.timeline__items{position:relative}.timeline__items::before,.timeline__items::after{content:"";position:absolute;left:0;right:0;top:0;margin:0 auto;height:1px;width:40px;background-color:var(--color-navy);opacity:.3}.timeline__items::after{top:auto;bottom:0}.timeline__item-outer{display:flex;position:relative}.timeline__item-outer+.timeline__item-outer{padding-top:var(--grid-col-gutter)}@media screen and (min-width: 576px){.timeline__item-outer+.timeline__item-outer{padding-top:0}}.timeline__item-outer::before{content:"";position:absolute;left:0;right:0;top:0;margin:0 auto;height:100%;width:1px;background-color:var(--color-navy);opacity:.3}.timeline__item-outer:first-child{padding-top:var(--grid-section-gutter)}.timeline__item-outer:last-child{padding-bottom:var(--grid-section-gutter)}.timeline__item-outer:nth-of-type(even){justify-content:flex-end}.timeline__item-outer:nth-of-type(even) .timeline__item::after{left:-30px;right:auto}.timeline__item-outer:nth-of-type(even) .timeline__image-wrapper::after{left:calc(var(--grid-col-gutter)*-1);right:auto}.timeline__item{flex:1;max-width:calc(50% - var(--grid-col-gutter))}@media screen and (min-width: 576px){.timeline__item{max-width:calc(50% - 30px);position:relative}.timeline__item::after{content:"";position:absolute;bottom:0;top:0;right:-30px;margin:auto;height:1px;width:30px;background-color:var(--color-navy);opacity:.3}}@media screen and (min-width: 576px){.timeline__item-inner{border-radius:var(--border-radius-images);overflow:hidden}}.timeline__item-inner img{aspect-ratio:2/1;object-fit:cover;border-radius:var(--border-radius-images)}@media screen and (min-width: 576px){.timeline__item-inner img{border-radius:0;margin-bottom:calc(var(--grid-col-gutter)*.5*-1)}}.timeline__image-wrapper{position:relative}.timeline__image-wrapper::after{content:"";position:absolute;bottom:0;top:0;right:calc(var(--grid-col-gutter)*-1);margin:auto;height:1px;width:var(--grid-col-gutter);background-color:var(--color-navy);opacity:.3}@media screen and (min-width: 576px){.timeline__image-wrapper::after{content:none}}.timeline__item-content{padding-top:var(--grid-col-gutter)}@media screen and (min-width: 576px){.timeline__item-content{background-color:var(--color-white);padding:var(--grid-col-gutter)}}.timeline__item-content h3{color:var(--color-navy);margin-bottom:0}
