transformation-timeline{display:flow-root}.transformation-timeline__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem;margin-bottom:2.4rem}.transformation-timeline__heading{margin:0;font-family:var(--font-heading-family);font-size:var(--tt-heading-size);color:var(--tt-heading-color);line-height:1.1;letter-spacing:-.02em}.transformation-timeline__subheading{margin:1.2rem 0 0;font-family:var(--font-body-family);font-size:var(--tt-subheading-size);color:var(--tt-subheading-color);line-height:1.5;max-width:44em}.transformation-timeline__subheading p{margin:0;font-size:inherit;color:inherit}.transformation-timeline__nav{display:none}.transformation-timeline__arrow{background:transparent;border:0;padding:1rem;cursor:pointer;line-height:0;color:var(--tt-label-color);transition:color var(--duration-default) ease}.transformation-timeline__arrow[disabled]{color:var(--tt-divider-color);cursor:default}.transformation-timeline__arrow--prev svg{transform:scaleX(-1)}.transformation-timeline__tabs{display:flex;gap:1.2rem;margin:0 0 2.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.transformation-timeline__tabs::-webkit-scrollbar{display:none}.transformation-timeline__tab{flex:1 1 0;min-width:max-content;background:transparent;border:0;border-top:2px solid var(--tt-divider-color);padding:.6rem 0 0;cursor:pointer;text-align:left;font-family:var(--font-body-family);font-size:1.2rem;line-height:1.35;color:var(--tt-tab-inactive-color);transition:color var(--duration-default) ease,border-color var(--duration-default) ease}.transformation-timeline__tab.is-active{color:var(--tt-label-color);border-top-color:var(--tt-label-color)}.transformation-timeline__tab-word{display:block}.transformation-timeline__track{display:flex;align-items:flex-start;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.transformation-timeline__track::-webkit-scrollbar{display:none}.transformation-timeline__card{flex:0 0 var(--tt-card-width-mobile);min-width:0;scroll-snap-align:start}.transformation-timeline__figure{display:block;width:100%;background:transparent;border:0;padding:0;cursor:pointer;text-align:left;font-family:var(--font-body-family);color:var(--tt-label-color)}.transformation-timeline__frame{display:block;width:100%;padding-bottom:.4rem;border-bottom:1px dotted var(--tt-divider-color)}.transformation-timeline__img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}svg.transformation-timeline__img{background:rgba(var(--color-foreground),.04)}.transformation-timeline__video{background:rgba(var(--color-foreground),.04)}.transformation-timeline__label{display:block;padding-top:1.2rem;font-size:var(--tt-label-size);line-height:1.3;letter-spacing:-.02em;color:inherit;transition:color var(--duration-default) ease}.transformation-timeline__body{padding-top:.8rem}.transformation-timeline__title{margin:0 0 .8rem;font-family:var(--font-body-family);font-weight:600;font-size:var(--tt-title-size);color:var(--tt-title-color);line-height:1.3}.transformation-timeline__text{margin:0;font-family:var(--font-body-family);font-size:var(--tt-text-size);color:var(--tt-text-color);line-height:1.5}@media screen and (min-width:750px){.transformation-timeline__header{margin-bottom:4rem}.transformation-timeline__nav{display:flex;gap:.8rem;flex-shrink:0}.transformation-timeline__tabs{display:none}.transformation-timeline__track{gap:var(--tt-gap);scroll-snap-type:none}.transformation-timeline__card{flex:0 0 var(--tt-inactive-size);scroll-snap-align:none}.transformation-timeline__card.is-active{flex-basis:var(--tt-active-size)}.transformation-timeline__frame{display:grid;align-items:end;height:var(--tt-active-size)}.transformation-timeline__card:not(.is-active) .transformation-timeline__figure{color:var(--tt-label-inactive-color)}.transformation-timeline__card.is-active .transformation-timeline__figure{cursor:default}.transformation-timeline__body{display:none;padding-top:.4rem}.transformation-timeline__card.is-active .transformation-timeline__body{display:block}}@media screen and (min-width:750px)and (prefers-reduced-motion:no-preference){.transformation-timeline__card.is-active .transformation-timeline__body{animation:tt-body-in var(--duration-default) cubic-bezier(.25,.46,.45,.94) both}}@keyframes tt-body-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-transformation-timeline.css.map */