.timeline{position:relative;padding:2rem 0;margin-top:-50vh;overflow-x:clip;overflow-y:visible;overscroll-behavior-x:contain}.timeline .gsap-pin-spacer{overflow:visible!important}.timeline.is-pinned{overflow-x:visible}.timeline__sticky{position:relative;height:100vh;overflow-y:visible;display:flex;flex-direction:column;align-items:center}.timeline__line{position:absolute;top:50%;left:0;right:0;height:2px;background:#ccc;transform:translateY(-50%);z-index:1;opacity:1}.timeline__items{display:flex;gap:2rem;width:calc((60vw + 2rem) * var(--items) - 2rem);z-index:2;align-self:flex-start}.timeline__item{flex:0 0 60vw;box-sizing:border-box;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;opacity:0;z-index:3;text-align:center}.timeline__item .dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#333;border-radius:50%;z-index:4}.timeline__item .date{position:absolute;top:calc(50% - 1.5rem - 12px);font-size:1.5rem;font-weight:700;margin:0;padding:0}.timeline__item .content-below{position:absolute;top:calc(50% + 6px + 1rem);width:80%}.timeline__item .content-below .title{font-size:1.25rem;margin:0 0 .5rem}.timeline__item .content-below p{margin:0;text-align:center;line-height:1.5}.timeline__images{position:absolute;top:70%;left:50%;transform:translate(-50%);width:100%;display:flex;justify-content:center;pointer-events:none;z-index:1;margin-bottom:20vh}.timeline__images .timeline-image{position:absolute;width:50%;max-width:600px;opacity:0;transition:opacity .4s ease,transform .4s ease;will-change:transform,opacity;box-shadow:0 6px 12px #00000026;border-radius:4px;left:50%;transform:translate(-50%) rotate(0)}.timeline__images .timeline-image.active{opacity:1;z-index:3;transform:translate(-50%) scale(1.02)}@media(max-width:600px){.timeline__items{gap:1rem;width:calc((80vw + 1rem) * var(--items) - 1rem)}.timeline{padding-bottom:8vh}.timeline__item{flex:0 0 80vw;height:auto;min-height:100vh}.timeline__item .dot{width:10px;height:10px}.timeline__item .date{font-size:1.25rem;top:calc(50% - 1rem - 20px)}.timeline__item .content-below{top:calc(50% + 5px + 1rem)}.timeline__item .content-below .title{font-size:1.15rem;margin-bottom:.5rem}.timeline__item .content-below p{margin-top:.75rem}.timeline__images{top:78%;height:auto;margin-bottom:8vh}.timeline__images .timeline-image{width:90%;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/timeline.css.map */