.timeline__inner-desktop{display:none}.timeline__inner-mobile{display:block}.timeline .wrapper--narrow{padding:40px 0 32px}@media (min-width: 800px){.timeline__inner-desktop{display:block}.timeline__inner-mobile{display:none}.timeline .wrapper--narrow{padding:0}}.timeline__mobile-header{padding:0 16px}.timeline .timeline__mobile-header .hero__section__title{margin-bottom:24px}.timeline__inner-desktop .timeline__images-inner{height:100vh;position:sticky;top:0;overflow:hidden}.timeline__inner-desktop .timeline__image{position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(100%);transition:transform .5s}.timeline__inner-desktop .timeline__image,.timeline__inner-desktop .timeline__image-inner,.timeline__inner-desktop .timeline__image-figure{height:100vh}.timeline__inner-desktop .timeline__image.active{transform:translateY(0)}.timeline__inner-desktop .timeline__image-figure{margin:0}.timeline__inner-desktop .timeline__image-figure img{width:100%;height:100%;object-fit:cover}.timeline__inner-desktop .timeline__content-wrapper{position:sticky;top:0;display:flex;height:100%}.timeline__inner-desktop .timeline__content-wrapper>div{flex:1}.timeline__inner-desktop .timeline__content__inner{height:100vh;display:flex;flex-direction:column;justify-content:center;padding-left:32px;padding-right:32px}@media (min-width: 1200px){.timeline__inner-desktop .timeline__content__inner{padding-left:64px;padding-right:160px}}.timeline__inner-desktop .timeline__content-wrapper .timeline__content__outer{position:sticky;top:0;height:100vh}.timeline__inner-desktop .timeline__content-progress-wrapper-inner{display:flex;gap:32px;position:relative}.timeline__inner-desktop .timeline__content-progress-progress{width:1px;background-color:#b2b2b2;position:relative;--progress: 0%}.timeline__inner-desktop .timeline__content-progress-progress:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--progress);background-color:#000;transition:height .1s linear}.timeline__inner-desktop .timeline__content-progress-wrapper-inner:last-child .timeline__content-progress-progress{height:0}.timeline__inner-desktop .timeline__content-progress-content{flex:1}.timeline__inner-desktop .timeline__dot-wrapper{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:100;width:24px;height:24px;background-color:#e5e5e5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0;transition:.5s}.timeline__inner-desktop .timeline__dot-wrapper .timeline__dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:12px;height:12px;background-color:#b2b2b2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0;transition:.5s}.timeline__inner-desktop .timeline__content-progress-wrapper-inner.active .timeline__dot-wrapper{background-color:#b2b2b2}.timeline__inner-desktop .timeline__content-progress-wrapper-inner.active .timeline__dot-wrapper .timeline__dot{background-color:#000}.timeline .hero__section__title{color:var(--Black, #000);font-size:12px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:40px}.timeline .hero__section__rte{color:var(--Grey, #474747);font-size:11px;font-style:normal;font-weight:400;line-height:normal}.timeline .hero__section__rte p{margin:0}.timeline .hero__content{margin-bottom:48px}.timeline__inner-desktop .timeline__content-progress-wrapper-inner .hero__title{color:var(--Black, #000);font-size:11px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:12px;opacity:.3}.timeline__inner-desktop .timeline__content-progress-wrapper-inner .hero__rte{color:var(--Grey, #474747);font-size:11px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:51px;opacity:.3}.timeline__inner-desktop .timeline__content-progress-wrapper-inner.active .hero__title,.timeline__inner-desktop .timeline__content-progress-wrapper-inner.active .hero__rte{opacity:1}.timeline .hero__rte p{margin:0}.timeline__mobile-header{margin-bottom:48px}.timeline__mobile-slider{position:relative;width:100%}.timeline__mobile-track{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:4px;padding:0 16px}.timeline__mobile-track::-webkit-scrollbar{display:none}.timeline__mobile-slide{width:100%;flex-shrink:0;scroll-snap-stop:always;display:flex;flex-direction:column}.timeline__mobile-slide:last-of-type{overflow:hidden}.timeline__mobile-image{width:100%;margin-bottom:0;position:relative;padding-bottom:calc(389 / 296 * 100%)}.timeline__mobile-image .timeline__image-figure{margin:0;position:absolute;top:0;left:0;width:100%;height:100%}.timeline__mobile-image img{width:100%;height:100%;object-fit:cover}.timeline__mobile-content{margin-bottom:32px}.timeline__mobile-slide-progress{margin:32px 0}.timeline__mobile-slide-progress-track{position:relative;display:flex;align-items:center;width:100%;height:24px;width:calc(100% + 24px)}.timeline__mobile-slide-progress-line{position:absolute;top:50%;left:12px;right:12px;height:1px;background-color:#b2b2b2;transform:translateY(-50%);z-index:1;overflow:hidden}.timeline__mobile-slide-progress-line:after{content:"";position:absolute;top:0;left:0;width:var(--progress, 0%);height:100%;background-color:#000;transition:none}.timeline__mobile-slide-progress-dot{position:relative;z-index:2;left:0}.timeline__inner-mobile .timeline__dot-wrapper{position:relative;width:24px;height:24px;background-color:#e5e5e5;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s}.timeline__inner-mobile .timeline__dot{width:12px;height:12px;background-color:#b2b2b2;border-radius:50%;transition:.3s}.timeline__mobile-slide.active .timeline__dot-wrapper{background-color:#b2b2b2}.timeline__mobile-slide.active .timeline__dot{background-color:#000}.timeline__inner-mobile .hero__title{color:var(--Black, #000);font-size:11px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:12px}.timeline__inner-mobile .hero__section__rte{color:var(--Grey, #474747);font-size:11px;font-style:normal;font-weight:400;line-height:normal}.timeline__inner-mobile .timeline__mobile-slide{opacity:.3;transition:.5s}.timeline__inner-mobile .timeline__mobile-slide.active{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-timeline.css.map */
