.transformation-timeline__track{max-width:44rem;margin-inline:auto;width:100%}.transformation-timeline__item{display:grid;grid-template-columns:1.25rem minmax(0,1fr);grid-template-areas:"rail content" "rail media";column-gap:1.25rem}.transformation-timeline__item:not(:last-child){padding-block-end:3rem}@media screen and (min-width:700px){.transformation-timeline__item{column-gap:2rem}.transformation-timeline__item:not(:last-child){padding-block-end:4rem}}@media screen and (min-width:1000px){.transformation-timeline__track{max-width:64rem}.transformation-timeline__item{grid-template-columns:minmax(0,24rem) 1.25rem minmax(0,1fr);grid-template-areas:"media rail content";column-gap:2.5rem}}.transformation-timeline__rail{grid-area:rail;position:relative;display:flex;flex-direction:column;align-items:center}.transformation-timeline__node{flex-shrink:0;width:.75rem;height:.75rem;margin-block-start:.3125rem;border-radius:50%;border:1.5px solid rgb(var(--tt-accent, var(--text-color)) / .35);background:transparent;transition:background-color .5s ease,border-color .5s ease}.transformation-timeline__item.is-reached .transformation-timeline__node{border-color:rgb(var(--tt-accent, var(--text-color)));background-color:rgb(var(--tt-accent, var(--text-color)))}.transformation-timeline__node--cap{width:.875rem;height:.875rem}.transformation-timeline__segment{flex:1;width:1.5px;margin-block:.375rem;background:rgb(var(--tt-accent, var(--text-color)) / .12);position:relative;overflow:hidden}.transformation-timeline__segment:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--tt-accent, var(--text-color)));transform:scaleY(0);transform-origin:top;transition:transform .9s cubic-bezier(.4,0,.2,1)}.transformation-timeline__item.is-reached .transformation-timeline__segment:after{transform:scaleY(1)}.transformation-timeline__content{grid-area:content;display:flex;flex-direction:column;gap:.75rem;max-width:36rem}.transformation-timeline__content,.transformation-timeline__media{opacity:.4;translate:0 .5rem;transition:opacity .6s ease,translate .6s ease}.transformation-timeline__item.is-reached .transformation-timeline__content,.transformation-timeline__item.is-reached .transformation-timeline__media{opacity:1;translate:0 0}.transformation-timeline__mechanism{display:flex;flex-direction:column;gap:.125rem;padding-inline-start:.875rem;border-inline-start:1.5px solid rgb(var(--tt-accent, var(--text-color)) / .25)}.transformation-timeline__mechanism-label{font:var(--subheading-font-style) var(--subheading-font-weight) var(--subheading-font-size) / normal var(--subheading-font-family);letter-spacing:var(--subheading-letter-spacing);text-transform:var(--subheading-text-transform);color:rgb(var(--text-color) / .5)}.transformation-timeline__mechanism-text{font-size:var(--text-sm);line-height:1.5;color:rgb(var(--text-color) / .6)}.transformation-timeline__media{grid-area:media;margin-block-start:.75rem;border-radius:12px;overflow:hidden;max-width:28rem}@media screen and (min-width:1000px){.transformation-timeline__media{margin-block-start:.3125rem;align-self:start;justify-self:end;width:100%;max-width:24rem}}.transformation-timeline__media img{width:100%;height:auto;display:block}.transformation-timeline__cap-action{margin-block-start:.5rem}@media(prefers-reduced-motion:reduce){.transformation-timeline__node,.transformation-timeline__segment:after,.transformation-timeline__content,.transformation-timeline__media{transition:none}.transformation-timeline__segment:after{transform:scaleY(1)}.transformation-timeline__node{border-color:rgb(var(--tt-accent, var(--text-color)));background-color:rgb(var(--tt-accent, var(--text-color)))}.transformation-timeline__content,.transformation-timeline__media{opacity:1;translate:0 0}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/transformation-timeline.css.map */