.timeline{width:100%}.timeline__header{text-align:center;margin-bottom:4rem}.timeline__title{margin:1rem 0 0}.timeline__description{max-width:600px;margin:1rem auto 0;font-size:1.1rem;opacity:.9}.timeline__container{position:relative;max-width:900px;margin:0 auto}.timeline__track{position:absolute;left:50%;transform:translate(-50%);width:3px;height:100%;background:linear-gradient(to bottom,#26a0a1,#dfae00,#26a0a1);z-index:1}.timeline__items{position:relative;z-index:2}.timeline__item{display:flex;margin-bottom:3rem;opacity:0;animation:fadeInUp .6s ease-out forwards}.timeline__item:nth-child(odd){flex-direction:row}.timeline__item:nth-child(2n){flex-direction:row-reverse}.timeline__dot{position:absolute;left:50%;top:0;transform:translate(-50%);width:20px;height:20px;background-color:#26a0a1;border:4px solid rgb(var(--color-background));border-radius:50%;box-shadow:0 0 0 4px #26a0a126;z-index:3;transition:all .3s ease}.timeline__item:hover .timeline__dot{width:28px;height:28px;top:-4px;box-shadow:0 0 0 8px #26a0a140}.timeline__content{width:calc(50% - 40px);padding:1.5rem;background-color:rgb(var(--color-background));border-radius:8px;border:1px solid rgba(var(--color-foreground),.1);transition:all .3s ease}.timeline__item:hover .timeline__content{box-shadow:0 8px 24px rgba(var(--color-foreground),.1);transform:translateY(-2px)}.timeline__year{font-size:2rem;font-weight:700;color:#26a0a1;margin-bottom:.5rem;font-family:var(--font-body)}.timeline__milestone{font-size:1.3rem;font-weight:600;margin:.5rem 0 .75rem;color:rgb(var(--color-foreground))}.timeline__description-text{font-size:1rem;line-height:1.6;color:rgb(var(--color-foreground));opacity:.85;margin:0}.timeline__image{margin-top:1rem;border-radius:6px;overflow:hidden}.timeline__img{display:block;width:100%;height:auto;transition:transform .3s ease}.timeline__item:hover .timeline__img{transform:scale(1.02)}@media screen and (max-width: 749px){.timeline__track{left:15px}.timeline__item{flex-direction:column!important;padding-left:60px;margin-bottom:2rem}.timeline__item:nth-child(2n){flex-direction:column!important}.timeline__dot{left:15px;top:0}.timeline__content{width:100%;margin-top:-10px}.timeline__year{font-size:1.5rem}.timeline__milestone{font-size:1.1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline__item[style*=--animation-order]{animation-delay:calc(var(--animation-order, 0) * .1s)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-timeline.css.map */