.timeline-story{background-color:#f8f6f0;position:relative;color:#1a1a1a}.timeline-story:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#f8f6f033;pointer-events:none}.timeline-story__container{position:relative;z-index:1;max-width:1300px}.timeline-story__header{margin-bottom:3rem}.timeline-story__title{margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;text-align:center}.timeline-story__description{max-width:850px;margin:0 auto;line-height:normal;text-align:center;font-size:1.6rem}.timeline-story__text p{font-size:1.5rem}.timeline-story__events{display:flex;flex-direction:column;gap:3.5rem;margin-bottom:4rem}.timeline-story__event{position:relative}.timeline-story__year{margin-bottom:0;font-weight:600;color:#333;margin-top:-1rem!important}.timeline-story__content{display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem}.timeline-story__image{overflow:hidden;align-self:center;max-width:100%;aspect-ratio:3/2}.timeline-story__image-tag{display:block;max-width:100%;height:auto;width:100%;object-fit:cover}.timeline-story__text{line-height:normal}@media screen and (min-width: 990px){.timeline-story__header{margin-bottom:7rem}.timeline-story__events{gap:5.5rem}.timeline-story__content{flex-direction:row;gap:2.5rem;padding:0}.timeline-story__content--left{flex-direction:row-reverse;text-align:right}.timeline-story__content--right{flex-direction:row;text-align:left}.timeline-story__image,.timeline-story__text{flex:1;max-width:50%}.timeline-story__content--left .timeline-story__text{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}.timeline-story__content--right .timeline-story__text{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.timeline-story__description{font-size:1.7rem}.timeline-story__text p{max-width:400px;font-size:1.7rem}.timeline-story__image{align-self:flex-start}}@media screen and (max-width: 989px){.timeline-story__content{text-align:center;align-items:center}}@media screen and (min-width: 750px) and (max-width: 989px){.timeline-story__text p{max-width:545px}}.timeline-story__year--desktop{display:none}@media screen and (min-width: 990px){.timeline-story__content{gap:4rem}.timeline-story__year--mobile{display:none}.timeline-story__year--desktop{display:block}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-timeline-story.css.map */