.timeline-section{overflow:hidden;padding:var(--inner) 0}.timeline-section__header{margin-bottom:2rem;text-align:center;color:var(--color-black);display:flex;justify-content:center;align-items:center}.timeline-section__title{margin:0;width:50%;line-height:117%}.timeline,.timeline__items{position:relative}.timeline__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 7.5rem minmax(0,1fr);align-items:center;gap:2rem;opacity:.3;transition:opacity .35s ease;padding:calc(var(--inner) * 2) 0}.timeline__item.is-active{opacity:1}.timeline__col{position:relative;min-width:0;grid-row:1}.timeline__item--left .timeline__col--media{grid-column:1;grid-row:1}.timeline__item--left .timeline__col--content{grid-column:3;grid-row:1;text-align:left}.timeline__item--right .timeline__col--content{grid-column:1;grid-row:1;text-align:left}.timeline__item--right .timeline__col--media{grid-column:3;grid-row:1}.timeline__content{max-width:32rem}.timeline__item-heading{margin:0 0 1rem;font-size:clamp(2.25rem,4vw,4.5rem);line-height:.9;text-transform:uppercase;letter-spacing:.01em}.timeline__item-text{color:var(--color-black);line-height:1.5}.timeline__item-text p{margin:0 0 1rem}.timeline__item-text p:last-child{margin-bottom:0}.timeline__media{width:100%;aspect-ratio:3 / 2;border:.125rem solid var(--color-orange);border-radius:.875rem;overflow:hidden;position:relative}.timeline__media-image{display:block;width:100%;height:100%;object-fit:cover}.timeline__center{position:absolute;top:0;bottom:0;left:50%;width:7.5rem;transform:translate(-50%);pointer-events:none}.timeline__rail{position:absolute;top:0;bottom:0;left:50%;width:2.5rem;transform:translate(-50%);border:.125rem solid var(--color-orange);border-radius:999rem;background:var(--color-beige)}.timeline__rail-fill{position:absolute;top:1%;left:50%;width:.125rem;height:98%;transform:translate(-50%);background:var(--color-orange)}.timeline__moving-image{position:absolute;top:0;left:50%;width:7rem;transform:translate(-50%,-50%);will-change:transform;z-index:5}.timeline__moving-image-img{display:block;width:100%;height:auto;transform:rotate(15deg)}.timeline__dot{position:absolute;left:50%;top:50%;width:.875rem;height:.875rem;min-width:.875rem;min-height:.875rem;transform:translate(-50%,-50%);border-radius:50%;background:var(--color-orange)}@media only screen and (min-width:750px){.timeline__item--left .timeline__content{margin-left:auto;margin-right:0}.timeline__item--right .timeline__content{margin-left:0;margin-right:auto}.timeline__item--left .timeline__col--media{padding-right:2rem}.timeline__item--left .timeline__col--content{padding-left:2rem}.timeline__item--right .timeline__col--content{padding-right:2rem}.timeline__item--right .timeline__col--media{padding-left:2rem}}@media only screen and (max-width:989px){.timeline__item{grid-template-columns:minmax(0,1fr) 5rem minmax(0,1fr);min-height:28rem}.timeline__center{width:5rem}.timeline__rail{width:2rem}.timeline__moving-image{width:5.5rem}.timeline__item-heading{font-size:clamp(2rem,5vw,3.4rem)}.timeline__item-text{font-size:1rem}.timeline-section__title{width:100%}}@media only screen and (max-width:749px){.timeline-section__header{margin-bottom:1rem}.timeline__center{left:1.5rem;transform:none;width:3rem}.timeline__rail{left:50%;width:1.75rem}.timeline__moving-image{width:3.75rem}.timeline__item{grid-template-columns:3.5rem minmax(0,1fr);grid-template-rows:auto;gap:1.25rem;min-height:auto;padding:2rem 0;grid-template-areas:"spacer content" "spacer media"}.timeline__item--left .timeline__col--media,.timeline__item--right .timeline__col--media{grid-row:2}.timeline__col{grid-row:auto}.timeline__item--left .timeline__col--content,.timeline__item--right .timeline__col--content,.timeline__item--left .timeline__col--media,.timeline__item--right .timeline__col--media{grid-column:2;text-align:left;padding:0}.timeline__col--content{grid-area:content}.timeline__col--media{grid-area:media;margin-top:1rem}.timeline__dot{left:12%}.timeline__content,.timeline__media{max-width:100%}.timeline__item-heading{font-size:clamp(1.8rem,9vw,3rem)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/timeline.css.map */