section.scrolling-timeline{height:100vh;display:flex;overflow:hidden;position:relative;flex-direction:column;justify-content:flex-start}.timeline-points-container{display:flex;flex-direction:column}.timeline-tabs{display:flex;flex-direction:column;background-color:var(--colour-lightgrey);overflow-x:auto;padding:0 5rem}.timeline-tabs-container{display:flex;justify-content:space-between;gap:4rem}.timeline-progress-container{position:relative;height:15px;width:100%}.timeline-black-bar{display:block!important;width:0;height:4px;background:var(--colour-grey);margin-top:1rem;transition:width .4s ease}.timeline-progress-plug{position:absolute;left:0;width:min-content;height:23px;transition:transform .4s ease;top:0;z-index:999;transform:translate(-17.3802px);background:var(--timeline-plug-bg, var(--colour-lightgrey));box-sizing:border-box}.timeline-tab{display:flex;align-items:center;text-decoration:none;padding:2rem 0;color:var(--colour-grey);text-transform:uppercase;white-space:nowrap}.timeline-tab.active:after{width:100%}.timeline-tab:after{content:"";width:0;height:2px;display:block;padding-top:1rem;border-bottom:2px solid var(--colour-orange);transition:width .3s ease-in-out}.timeline-tab:hover:after{width:100%}.timeline-points-wrapper{width:max-content}.timeline-points{display:flex;padding-left:5rem;gap:5rem}.timeline-points:has(.image-point){padding-top:2rem}.timeline-point{display:flex;flex-direction:column;width:30vw}.timeline-point p{text-wrap:balance}.timeline-point a{color:inherit;text-decoration:none}.image-point{align-items:flex-end}.timeline-point p,.timeline-point h3{max-width:var(--width-xl);margin:.5rem 0}.timeline-point.image-point img{width:100%;object-fit:cover}.progress-bar-container{position:relative;overflow:hidden}.progress-bar-container .progress-bar{height:auto;display:flex;justify-content:flex-start}.progress-bar-container .progress-fill{background:var(--colour-orange);width:100%;transform:scaleX(0);height:100%;display:block;position:absolute;top:0;transform-origin:left}.progress-bar svg{width:100%}.timeline-header{display:flex;justify-content:center;position:relative;z-index:20}.timeline-title:after{content:"";width:100%;height:2px;display:block;padding-top:1rem;border-bottom:2px solid var(--colour-orange);transition:width .3s ease-in-out}.timeline-title{will-change:transform}.timeline-button{display:flex;justify-self:flex-end;background:transparent;text-decoration:none;text-transform:uppercase;padding:1rem;color:var(--colour-grey);margin-top:2rem}.timeline-points-container.mobile{display:block}.timeline-points-container.desktop{display:none}.timeline-points-container.mobile .timeline-point{padding:0 2rem 3rem;width:100%;box-sizing:border-box}.timeline-points-container.mobile .timeline-point img{width:100%;margin:0 auto;display:block;object-fit:cover}.scrolling-timeline__navigation{position:relative;left:8%;width:80%;bottom:0;z-index:10;display:flex;gap:1rem;background-color:var(--colour-white)}.scrolling-timeline__nav-button{width:3.5rem;height:3.5rem;outline:1px solid var(--colour-white);background:var(--colour-black);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease}.scrolling-timeline__nav-prev{transform:rotate(180deg)}@media (min-width: 650px){.timeline-points-container.mobile{display:none}.timeline-points-container.desktop{display:block}}@media (min-width: 1600px){.timeline-points{display:flex;padding:5rem 0 2rem 5rem;gap:5rem}.timeline-point p,.timeline-point h3{max-width:var(--width-xl);margin:1rem 0}}@media (max-width: 1200px){.timeline-point.image-point img{max-height:20rem}}@media (max-width: 1500px){.timeline-point.image-point img{max-height:25rem;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scrolling-timeline.css.map */