.interactive-timeline-section{--section-bg: #FDFCFA;--text-color: #1A1A1A;--accent-color: #D4A574;--progress-track-color: #1A1A1A;--progress-fill-color: #D4A574;--active-text-color: #1A1A1A;--inactive-text-color: #999999;--animation-speed: .3s;--section-padding-top: 80px;--section-padding-bottom: 80px;--image-width: 50%;background:var(--section-bg);color:var(--text-color);padding:var(--section-padding-top) 0 var(--section-padding-bottom);overflow-x:hidden}.timeline-container-outer{width:100%;box-sizing:border-box}@media screen and (max-width: 767px){.timeline-container-outer{padding-left:20px!important;padding-right:20px!important}}.timeline-container-full{display:grid;grid-template-columns:var(--image-width, 50%) 1fr;position:relative;width:100%}.media-column{position:sticky;top:0;height:auto;overflow:hidden;z-index:1}.media-column[data-layout=image-right]{order:2}.image-stack-wrapper{position:relative;width:100%;height:100%}.timeline-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--animation-speed, .3s) ease;pointer-events:none;margin:0 20px}.timeline-image.active,.timeline-image:first-child{opacity:1;z-index:1}.timeline-image img{width:100%;height:100%;object-fit:cover;object-position:center}.content-column{background:var(--section-bg);display:flex;z-index:2}.content-inner-wrapper{max-width:600px;width:100%;margin:0 auto}.timeline-header{display:block;margin-bottom:60px}.section-tag{margin-bottom:20px}.section-tag h3{letter-spacing:.1em;text-transform:uppercase;color:var(--tag-color, var(--accent-color));margin:0;font-weight:400}.section-heading h2{line-height:1.2;font-weight:400;margin:0 0 30px;color:var(--heading-color, var(--text-color))}.section-description{line-height:1.6;color:var(--description-color, var(--text-color));opacity:.9;margin-bottom:60px}.section-description p{margin:0}.timeline-items-container{position:relative;padding-left:30px}.timeline-progress-track{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--progress-track-color);display:block!important;visibility:visible!important;z-index:5!important}.timeline-progress-fill{position:absolute;top:0;left:0;width:100%;background:var(--progress-fill-color);height:0%;transition:height .15s ease-out;display:block!important;visibility:visible!important;z-index:6!important;will-change:height}.timeline-item{position:relative;margin-bottom:40px;opacity:.6;transition:opacity var(--animation-speed, .3s) ease,transform var(--animation-speed, .3s) ease}.timeline-item.active{opacity:1}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-35px;top:-2px;width:12px;height:12px;border-radius:50%;background:var(--progress-track-color);transition:all var(--animation-speed, .3s) ease;display:block!important;visibility:visible!important;z-index:10!important}.timeline-item.active .timeline-marker{background:var(--accent-color);box-shadow:0 0 0 4px #d4a57433;animation:pulse 2s infinite}.timeline-marker:hover{transform:scale(1.2);box-shadow:0 0 0 4px #d4a5744d;background:var(--accent-color)}.timeline-marker:focus{outline:2px solid var(--accent-color);outline-offset:2px;background:var(--accent-color)}.timeline-content{padding-left:0}.timeline-heading{font-weight:600;margin:0 0 25px;color:var(--inactive-text-color);transition:color var(--animation-speed, .3s) ease}.timeline-item.active .timeline-heading{color:var(--active-text-color)}.timeline-number{font-weight:700;margin-right:6px}.timeline-description{line-height:1.6;color:var(--inactive-text-color);transition:color var(--animation-speed, .3s) ease}.timeline-item.active .timeline-description{color:var(--text-color);opacity:.9}.timeline-description p{margin:0}@keyframes pulse{0%{box-shadow:0 0 0 4px #d4a57433}50%{box-shadow:0 0 0 8px #d4a5741a}to{box-shadow:0 0 0 4px #d4a57433}}@media screen and (max-width: 1023px){.timeline-container-full{grid-template-columns:60% 40%}.content-column{padding:60px 40px}}@media screen and (min-width: 1024px){.timeline-header{display:block;margin-bottom:60px}.timeline-header-mobile{display:none!important}.timeline-content{padding-left:30px}}@media screen and (max-width: 1023px) and (min-width: 768px){.timeline-header{display:block;margin-bottom:60px}.timeline-header-mobile{display:none!important}}@media screen and (max-width: 767px){.timeline-image{margin:20px 0}.timeline-header{display:none!important}.timeline-header-mobile{display:block!important}.timeline-container-full{display:flex;flex-direction:column;min-height:auto}.timeline-header-mobile{display:none;min-height:auto;align-items:flex-start;order:2}.media-column{position:relative;height:60vh;max-height:400px;order:2}.content-column{padding:0;min-height:auto;align-items:flex-start;order:3}.timeline-marker{left:-30px;top:0}.timeline-item{margin-bottom:30px}.timeline-heading{margin-bottom:8px}.section-description{margin-bottom:40px}.timeline-items-container{padding-left:24px}.timeline-container-full[data-mobile-layout=standard] .media-column{order:1}.timeline-container-full[data-mobile-layout=standard] .timeline-header-mobile{order:2}.timeline-container-full[data-mobile-layout=standard] .content-column{order:3}.timeline-container-full[data-mobile-layout=header-first] .timeline-header-mobile{order:1}.timeline-container-full[data-mobile-layout=header-first] .media-column{order:2}.timeline-container-full[data-mobile-layout=header-first] .content-column{order:3}.timeline-container-full[data-mobile-layout=timeline-emphasis] .media-column{order:1}.timeline-container-full[data-mobile-layout=timeline-emphasis] .content-column{order:2}.timeline-container-full[data-mobile-layout=timeline-emphasis] .timeline-header-mobile{order:3}}@media (prefers-reduced-motion: reduce){.timeline-image,.timeline-item,.timeline-marker,.timeline-heading,.timeline-description,.timeline-progress-fill{transition:none}.timeline-item.active .timeline-marker{animation:none}}@media (prefers-contrast: high){.timeline-marker{border-width:3px}.timeline-progress-track{width:3px}.timeline-item.active .timeline-marker{box-shadow:0 0 0 6px currentColor}}.placeholder-svg{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999}[dir=rtl] .timeline-items-container{padding-left:0;padding-right:30px}[dir=rtl] .timeline-progress-track{left:auto;right:0}[dir=rtl] .timeline-marker{left:auto;right:-36px}[dir=rtl] .timeline-container-full[data-mobile-layout=timeline-emphasis] .timeline-items-container{padding-right:24px;padding-left:0}[dir=rtl] .timeline-container-full[data-mobile-layout=timeline-emphasis] .timeline-marker{right:-30px;left:auto}
/*# sourceMappingURL=/cdn/shop/t/5/assets/interactive-timeline.css.map */