.transformation-timeline-section{background-color:var(--section-bg-color, #F5F3F0);padding-top:var(--section-padding-top, 80px);padding-bottom:var(--section-padding-bottom, 80px);overflow:hidden}.transformation-timeline-container{max-width:var(--content-max-width, 1200px);margin:0 auto;padding:0 24px}.transformation-timeline-header{text-align:center;margin-bottom:60px}.transformation-timeline-headline{color:var(--headline-color, #1a2456);font-size:var(--headline-font-size, 42px);font-weight:var(--headline-font-weight, 500);line-height:var(--headline-line-height, 1.2);margin:0 0 16px}.transformation-timeline-subheadline{color:var(--subheadline-color, #555555);font-size:var(--subheadline-font-size, 17px);line-height:1.6;margin:0 auto;max-width:700px}.transformation-timeline-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-between-columns, 60px);align-items:center}.transformation-timeline-content.reverse-layout{direction:rtl}.transformation-timeline-content.reverse-layout>*{direction:ltr}.transformation-timeline-image-column{position:relative}.transformation-timeline-image-wrapper{position:relative;overflow:hidden;border-radius:var(--image-border-radius, 0)}.transformation-timeline-image{width:100%;height:auto;display:block;object-fit:cover;filter:grayscale(var(--image-grayscale, 100%));transition:filter .5s ease}.transformation-timeline-image-wrapper:hover .transformation-timeline-image{filter:grayscale(calc(var(--image-grayscale, 100%) * .7))}.transformation-timeline-placeholder{background:#e0dcd7;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}.transformation-timeline-placeholder .placeholder-svg{width:50%;height:auto;opacity:.5}.transformation-timeline-image-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 32px;background:linear-gradient(to top,#00000080,#0000)}.transformation-timeline-image-text{color:var(--image-overlay-color, #E85A2C);font-size:var(--image-overlay-font-size, 42px);font-weight:var(--image-overlay-font-weight, 500);line-height:1.15;margin:0}.transformation-timeline-features-column{padding:20px 0}.transformation-timeline-content-title{color:var(--content-title-color, #1a2456);font-size:var(--content-title-font-size, 22px);font-weight:var(--content-title-font-weight, 700);text-transform:uppercase;letter-spacing:.04em;line-height:1.3;margin:0 0 40px}.transformation-timeline-items{position:relative;display:flex;flex-direction:column;gap:var(--timeline-item-gap, 8px)}.transformation-timeline-items:before{content:"";position:absolute;left:calc(var(--timeline-icon-size, 40px) / 2);top:calc(var(--timeline-icon-size, 40px) / 2);bottom:calc(var(--timeline-icon-size, 40px) / 2);width:var(--timeline-line-width, 2px);background-color:var(--timeline-line-color, #1a2456);opacity:var(--timeline-line-opacity, .2);transform:translate(-50%)}.transformation-timeline-line-progress{position:absolute;left:calc(var(--timeline-icon-size, 40px) / 2);top:calc(var(--timeline-icon-size, 40px) / 2);width:var(--timeline-line-width, 2px);background-color:var(--timeline-line-color, #1a2456);height:0;transform:translate(-50%);transition:height 1.2s cubic-bezier(.25,.46,.45,.94);z-index:1}.transformation-timeline-items.is-visible .transformation-timeline-line-progress{height:calc(100% - var(--timeline-icon-size, 40px))}.transformation-timeline-item{display:flex;gap:24px;padding:16px 0;position:relative}.transformation-timeline-icon{flex-shrink:0;width:var(--timeline-icon-size, 40px);height:var(--timeline-icon-size, 40px);display:flex;align-items:center;justify-content:center;background-color:var(--timeline-icon-bg, #ffffff);border-radius:50%;color:var(--timeline-icon-color, #1a2456);box-shadow:0 2px 8px #00000014;z-index:2;transition:transform .3s ease,box-shadow .3s ease}.transformation-timeline-icon svg{width:50%;height:50%}.transformation-timeline-item:hover .transformation-timeline-icon{transform:scale(1.1);box-shadow:0 4px 16px #0000001f}.transformation-timeline-marker{flex-shrink:0;width:16px;height:16px;background-color:var(--timeline-line-color, #1a2456);border-radius:50%;margin:12px calc((var(--timeline-icon-size, 40px) - 16px) / 2);z-index:2}.transformation-timeline-item-content{flex:1;padding-top:4px}.transformation-timeline-item-title{color:var(--timeline-title-color, #1a2456);font-size:var(--timeline-title-font-size, 16px);font-weight:600;margin:0 0 8px;line-height:1.3}.transformation-timeline-item-text{color:var(--timeline-text-color, #555555);font-size:var(--timeline-text-font-size, 15px);line-height:1.6;margin:0}.transformation-timeline-button-wrapper{margin-top:32px}.transformation-timeline-button{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;transition:all .3s ease;cursor:pointer}.transformation-timeline-button.button-solid{background-color:var(--button-bg);color:var(--button-text);border:2px solid var(--button-bg)}.transformation-timeline-button.button-solid:hover{background-color:transparent;color:var(--button-bg)}.transformation-timeline-button.button-outline{background-color:transparent;color:var(--button-border);border:2px solid var(--button-border)}.transformation-timeline-button.button-outline:hover{background-color:var(--button-border);color:var(--button-text)}.transformation-timeline-button.button-text{background-color:transparent;color:var(--button-text);border:none;padding-left:0;padding-right:0}.transformation-timeline-button.button-text:hover{opacity:.7}.transformation-timeline-button .button-arrow{transition:transform .3s ease}.transformation-timeline-button:hover .button-arrow{transform:translate(4px)}.transformation-timeline-spacer{width:100%}.transformation-timeline-section .scroll-animate{opacity:0;transition-property:opacity,transform;transition-duration:var(--animation-speed, .6s);transition-timing-function:cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.transformation-timeline-section .scroll-animate.is-visible{opacity:1;transform:translateY(0) translate(0)!important}.transformation-timeline-section.animation-fade .scroll-animate{transform:translateY(0) translate(0)}.transformation-timeline-section.animation-fade-up .scroll-animate{transform:translateY(30px)}.transformation-timeline-section.animation-fade-up .scroll-animate[data-animate-element=headline]{transform:translateY(40px)}.transformation-timeline-section.animation-fade-up .scroll-animate[data-animate-element=image]{transform:translateY(50px)}.transformation-timeline-section.animation-fade-up .scroll-animate[data-animate-element=timeline-item]{transform:translateY(25px) translate(-15px)}.transformation-timeline-section.animation-fade-side .scroll-animate{transform:translateY(20px)}.transformation-timeline-section.animation-fade-side .scroll-animate[data-animate-element=image]{transform:translate(-50px)}.transformation-timeline-section.animation-fade-side.reverse-layout .scroll-animate[data-animate-element=image],.transformation-timeline-section.animation-fade-side .reverse-layout .scroll-animate[data-animate-element=image]{transform:translate(50px)}.transformation-timeline-section.animation-fade-side .scroll-animate[data-animate-element=content-title],.transformation-timeline-section.animation-fade-side .scroll-animate[data-animate-element=timeline-item],.transformation-timeline-section.animation-fade-side .scroll-animate[data-animate-element=button]{transform:translate(40px)}.transformation-timeline-section.animation-fade-side.reverse-layout .scroll-animate[data-animate-element=content-title],.transformation-timeline-section.animation-fade-side.reverse-layout .scroll-animate[data-animate-element=timeline-item],.transformation-timeline-section.animation-fade-side.reverse-layout .scroll-animate[data-animate-element=button],.transformation-timeline-section.animation-fade-side .reverse-layout .scroll-animate[data-animate-element=content-title],.transformation-timeline-section.animation-fade-side .reverse-layout .scroll-animate[data-animate-element=timeline-item],.transformation-timeline-section.animation-fade-side .reverse-layout .scroll-animate[data-animate-element=button]{transform:translate(-40px)}@media screen and (max-width:992px){.transformation-timeline-header{margin-bottom:48px}.transformation-timeline-headline{font-size:calc(var(--headline-font-size, 42px) * .85)}.transformation-timeline-content{gap:40px}.transformation-timeline-image-text{font-size:calc(var(--image-overlay-font-size, 42px) * .85)}.transformation-timeline-content-title{font-size:calc(var(--content-title-font-size, 22px) * .9)}}@media screen and (max-width:768px){.transformation-timeline-section{padding-top:var(--section-padding-top-mobile, 48px);padding-bottom:var(--section-padding-bottom-mobile, 48px)}.transformation-timeline-container{padding:0 20px}.transformation-timeline-header{margin-bottom:40px}.transformation-timeline-headline{font-size:var(--headline-font-size-mobile, 28px)}.transformation-timeline-subheadline{font-size:calc(var(--subheadline-font-size, 17px) * .9)}.transformation-timeline-content{grid-template-columns:1fr;gap:36px}.transformation-timeline-content.reverse-layout{direction:ltr}.transformation-timeline-image-column{order:1}.transformation-timeline-image-overlay{padding:24px 20px}.transformation-timeline-image-text{font-size:var(--image-overlay-font-size-mobile, 28px)}.transformation-timeline-features-column{padding:0}.transformation-timeline-content-title{font-size:calc(var(--content-title-font-size, 22px) * .8);margin-bottom:32px}.transformation-timeline-item{gap:16px;padding:12px 0}.transformation-timeline-icon{width:calc(var(--timeline-icon-size, 40px) * .9);height:calc(var(--timeline-icon-size, 40px) * .9)}.transformation-timeline-items:before{left:calc(var(--timeline-icon-size, 40px) * .9 / 2)}.transformation-timeline-line-progress{left:calc(var(--timeline-icon-size, 40px) * .9 / 2)}.transformation-timeline-item-title{font-size:calc(var(--timeline-title-font-size, 16px) * .95)}.transformation-timeline-item-text{font-size:calc(var(--timeline-text-font-size, 15px) * .95)}.transformation-timeline-button{width:100%;justify-content:center}.transformation-timeline-section.animation-fade-side .scroll-animate[data-animate-element=image],.transformation-timeline-section.animation-fade-side .scroll-animate[data-animate-element=content-title],.transformation-timeline-section.animation-fade-side .scroll-animate[data-animate-element=timeline-item],.transformation-timeline-section.animation-fade-side .scroll-animate[data-animate-element=button]{transform:translateY(30px)}.transformation-timeline-section.animation-fade-up .scroll-animate[data-animate-element=timeline-item]{transform:translateY(25px)}}@media screen and (max-width:480px){.transformation-timeline-container{padding:0 16px}.transformation-timeline-headline{font-size:calc(var(--headline-font-size-mobile, 28px) * .9)}.transformation-timeline-image-text{font-size:calc(var(--image-overlay-font-size-mobile, 28px) * .85)}.transformation-timeline-item{gap:12px}.transformation-timeline-icon{width:36px;height:36px}.transformation-timeline-items:before{left:18px}.transformation-timeline-line-progress{left:18px}}@media(prefers-reduced-motion:reduce){.transformation-timeline-section .scroll-animate{opacity:1!important;transform:none!important;transition:none!important}.transformation-timeline-line-progress{height:calc(100% - var(--timeline-icon-size, 40px))!important;transition:none!important}.transformation-timeline-icon,.transformation-timeline-button,.transformation-timeline-button .button-arrow,.transformation-timeline-image{transition:none!important}}@media(prefers-contrast:high){.transformation-timeline-icon{border:2px solid currentColor}.transformation-timeline-items:before{opacity:1}}@media print{.transformation-timeline-section{background:#fff!important;padding:20px 0}.transformation-timeline-content{display:block}.transformation-timeline-image-column{max-width:300px;margin:0 auto 20px}.transformation-timeline-image{filter:none!important}.transformation-timeline-section .scroll-animate{opacity:1!important;transform:none!important}.transformation-timeline-line-progress{height:calc(100% - var(--timeline-icon-size, 40px))!important}}
/*# sourceMappingURL=/cdn/shop/t/130/assets/transformation-timeline-section.css.map */