.timeline{position:relative;max-width:100%}.timeline-zone{position:relative;display:grid;grid-template-columns:0 minmax(0, auto)}.timeline-zone-pagination-wrapper{position:sticky;top:0;width:0;z-index:10;align-self:start;padding:var(--block-margin) 0;height:100vh;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.timeline-zone-pagination{display:flex;flex-direction:column;row-gap:var(--item-row-gap);align-items:center;width:4rem;height:calc(100vh - (2 * var(--block-margin)) - var(--header-height));position:relative;transition:all .3s ease;padding:1rem 0;margin-left:var(--page-padding);overflow:hidden}.timeline-zone-pagination:before{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:.2rem;height:100%;background:var(--color-white);transition:all .3s ease}.timeline-zone-pagination-button{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.timeline-zone-pagination-button:first-child{margin-top:auto}.timeline-zone-pagination-button:last-child{margin-bottom:auto}.timeline-zone-pagination-button:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.2rem;height:8rem;background:var(--color-white);transition:all .3s ease;pointer-events:none;z-index:-1}.timeline-zone-pagination-button:after{content:'';display:block;width:.8rem;height:.8rem;background-color:currentColor;border-radius:50%;transition:all .3s ease}.timeline-zone-pagination-button:is(:hover,.active):after{width:1.8rem;height:1.8rem}.timeline-zone-items:after{display:block;height:100vh;content:""}.timeline-item{width:100%;height:100vh;padding:var(--block-margin) 0;display:flex;align-items:center;justify-content:center;position:sticky;top:0;opacity:0;pointer-events:none;transition:padding .3s ease,opacity .3s ease}.scrolling-up~* :is(.timeline-item,.timeline-zone-pagination-wrapper){padding-top:calc(var(--block-margin) + var(--header-height))}.timeline-item.visible{opacity:1;pointer-events:all}.timeline-item-background{position:absolute;top:0;left:0;width:100%;height:100%}.timeline-item-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.timeline-item-background:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.6))}.timeline-item-inner{position:relative;width:100%;height:100%;max-width:var(--wide-width);margin:auto;display:flex;flex-direction:column;justify-content:center;padding-left:5rem}.timeline-item-inner h2{margin-bottom:0;font:var(--font-headline-2)}.timeline-item-inner p{font:var(--font-elevated-1)}.timeline-item-content{overflow:auto;max-height:100%}.timeline-item-content>*:last-child{margin-bottom:0}@media (min-width:992px){.timeline-zone-pagination{--column-offset:3rem;margin-left:calc(((100vw - var(--container-width)) / 2) + var(--page-padding) + 25rem + var(--column-offset))}.timeline-item-inner{display:grid;grid-template-columns:25rem minmax(0, auto);column-gap:10rem;align-items:center;padding-left:0}.timeline-item-inner h2{text-align:center}}@media (min-width:1200px){.timeline-zone-pagination{--column-offset:6rem}.timeline-item-inner{column-gap:16rem}}