.timeline{position:relative;background:linear-gradient(180deg,hsla(0,0%,100%,0),var(--brand-background) 50%,hsla(0,0%,100%,0)) no-repeat 100%/6px 100%}.timeline .timeline-item:before{margin-top:.7rem;right:-.5rem;content:"";--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));border-color:var(--brand-background);border-radius:9999px;border-width:4px;display:inline-block;height:1.5rem;position:absolute;width:1.5rem}@media (min-width:768px){.timeline .timeline-item:before{margin-top:2.5rem;margin-right:auto;margin-left:auto;right:0;left:0}}@media (min-width:768px){.timeline div div:nth-child(2n) .timeline-item div:first-of-type{order:2;text-align:left}}.timeline-item h2{font-size:1.5rem;color:var(--theme-text)}@media (min-width:640px){.timeline-item h2{font-size:2.125rem}}@media (min-width:768px){.timeline{background:linear-gradient(180deg,hsla(0,0%,100%,0),var(--brand-background) 50%,hsla(0,0%,100%,0)) no-repeat 50%/6px 100%}}.timeline-item .img-background{overflow:hidden;position:relative}.timeline-item .img-background article[slot=media],.timeline-item .img-background div,.timeline-item .img-background img{height:100%}.timeline-item p{margin:0;padding:1rem}.timeline-item .img-background div:first-child:after{background-color:var(--brand-background);position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;content:""}.timeline-item .img-background p{padding:1rem;position:absolute;bottom:0;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}@media (min-width:768px){.fadeInRight{animation-duration:2s;animation-fill-mode:both;animation-name:fadeInRight}.fadeInLeft{animation-duration:2s;animation-fill-mode:both;animation-name:fadeInLeft}}@keyframes fadeInRight{0%{transform:translate3d(-100px,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes fadeInLeft{0%{transform:translate3d(100px,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}