/* Four images opposite the timeline cards. Visible by default. */
.timeline{overflow:hidden;padding:12px 8px}
.timeline-item{position:relative;gap:10%;min-width:0}
.timeline-content{box-sizing:border-box;flex:0 0 45%;min-width:0}
.autobuild-timeline-media{box-sizing:border-box;flex:0 0 45%;width:45%;min-width:0;margin:0;border:1px solid var(--primary-color,#d4af37);background:#100b16;box-shadow:0 0 18px rgba(212,175,55,.12)}
.autobuild-timeline-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.autobuild-timeline-media.is-pending{opacity:0;transform:translateX(var(--slide-distance,65px))}
.autobuild-timeline-media.is-animated{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}
.autobuild-timeline-media[data-slide="left"]{--slide-distance:-65px}
.autobuild-timeline-media[data-slide="right"]{--slide-distance:65px}
@media(max-width:768px){.timeline-item,.timeline-item:nth-child(even){gap:20px}.timeline-content{flex:auto;width:100%}.autobuild-timeline-media{flex:auto;width:100%}.timeline{padding-left:20px;padding-right:8px}.autobuild-timeline-media img{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.autobuild-timeline-media.is-animated{transition:none}.autobuild-timeline-media.is-pending{opacity:1;transform:none}}