.timeline-section{--timeline-item-width-mobile: 350px;--timeline-item-width-desktop: 400px;padding-top:var(--timeline-padding-top, 0px);padding-bottom:var(--timeline-padding-bottom, 0px);background-color:var(--timeline-bg, var(--color-background));color:var(--timeline-text, var(--color-foreground));overflow:hidden}.timeline-header{text-align:center;margin-bottom:var(--timeline-header-spacing, 5rem)}.timeline-header h2{color:var(--timeline-heading-color, var(--color-heading))}.timeline-wrapper{position:relative}.timeline-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:var(--timeline-track-padding, 4rem) 0;cursor:grab}.timeline-track::-webkit-scrollbar{display:none}.timeline-track:active{cursor:grabbing}.timeline-spacer{flex:0 0 calc(50vw - (var(--timeline-item-width-mobile) / 2))}.timeline-line{position:absolute;top:50%;left:0;right:0;height:var(--timeline-line-height, 2px);background:linear-gradient(to right,transparent,var(--timeline-line-color, rgba(var(--color-foreground-rgb), .2)) 10%,var(--timeline-line-color, rgba(var(--color-foreground-rgb), .2)) 90%,transparent);z-index:1}.timeline-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--timeline-accent-color, var(--color-accent));transition:width var(--duration-default) var(--ease-out-slow)}.timeline-item{flex:0 0 var(--timeline-item-width-mobile);scroll-snap-align:center;padding:0 var(--timeline-item-padding-x, 2rem);position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:750px){.timeline-item{flex:0 0 var(--timeline-item-width-desktop)}.timeline-spacer{flex:0 0 calc(50vw - (var(--timeline-item-width-desktop) / 2))}}.timeline-item:nth-child(odd){padding-bottom:calc(50% + var(--timeline-item-offset, 4rem))}.timeline-item:nth-child(2n){padding-top:calc(50% + var(--timeline-item-offset, 4rem));flex-direction:column-reverse}.timeline-marker{width:var(--timeline-marker-size, 2rem);height:var(--timeline-marker-size, 2rem);background:var(--timeline-marker-color, var(--color-background));border:var(--timeline-marker-border, 3px solid var(--timeline-accent-color, var(--color-accent)));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:3;transition:transform .5s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.timeline-item.is-visible .timeline-marker{transform:translate(-50%,-50%) scale(1)}.timeline-connector{width:var(--timeline-connector-width, 2px);height:var(--timeline-connector-height, 4rem);background:linear-gradient(to bottom,var(--timeline-accent-color, var(--color-accent)),transparent);margin:var(--timeline-connector-margin, 1rem) 0;transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease-primary, ease-out) .2s}.timeline-item:nth-child(2n) .timeline-connector{background:linear-gradient(to top,var(--timeline-accent-color, var(--color-accent)),transparent);transform-origin:bottom}.timeline-item.is-visible .timeline-connector{transform:scaleY(1)}.timeline-content{background:var(--timeline-card-bg, rgba(var(--color-foreground-rgb), .03));padding:var(--timeline-card-padding, 2.5rem);border-radius:var(--timeline-card-radius, 8px);text-align:center;max-width:var(--timeline-card-width, 300px);opacity:0;transform:translateY(var(--timeline-card-offset, 30px));transition:opacity .6s var(--ease-primary, ease-out) .3s,transform .6s var(--ease-primary, ease-out) .3s}.timeline-item:nth-child(2n) .timeline-content{transform:translateY(calc(var(--timeline-card-offset, 30px) * -1))}.timeline-item.is-visible .timeline-content{opacity:1;transform:translateY(0)}.timeline-year{font-family:var(--font-heading-family);font-size:var(--timeline-year-size, 3rem);font-weight:var(--timeline-year-weight, 700);color:var(--timeline-accent-color, var(--color-accent));line-height:1;margin-bottom:var(--timeline-year-spacing, 1rem)}.timeline-title{font-family:var(--font-heading-family);font-size:var(--timeline-title-size, 1.8rem);font-weight:var(--timeline-title-weight, 600);margin-bottom:var(--timeline-title-spacing, 1rem);color:var(--timeline-heading-color, var(--color-heading))}.timeline-description{font-size:var(--timeline-description-size, 1.4rem);line-height:var(--timeline-description-line-height, 1.6);opacity:.8}.timeline-image{width:var(--timeline-image-size, 6rem);height:var(--timeline-image-size, 6rem);border-radius:50%;object-fit:cover;margin-bottom:var(--timeline-image-spacing, 1.5rem);border:var(--timeline-image-border, 3px solid var(--timeline-accent-color, var(--color-accent)))}.timeline-nav{display:flex;justify-content:center;gap:var(--timeline-nav-gap, 1rem);margin-top:var(--timeline-nav-spacing, 3rem)}.timeline-nav-btn{width:var(--timeline-nav-size, 5rem);height:var(--timeline-nav-size, 5rem);border-radius:50%;background:transparent;border:var(--timeline-nav-border, 1px solid rgba(var(--color-foreground-rgb), .2));color:currentColor;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-default) var(--ease-out-slow)}.timeline-nav-btn:hover{background:var(--timeline-nav-bg-hover, var(--color-foreground));color:var(--timeline-nav-text-hover, var(--color-background));border-color:var(--timeline-nav-border-hover, var(--color-foreground))}.timeline-nav-btn svg{width:var(--timeline-nav-icon-size, 2rem);height:var(--timeline-nav-icon-size, 2rem)}.preset-futuristic_neon .timeline-marker{box-shadow:var(--preset-futuristic-neon-marker-shadow-1, 0 0 15px var(--timeline-accent-color, var(--color-accent))),var(--preset-futuristic-neon-marker-shadow-2, 0 0 30px var(--timeline-accent-color, var(--color-accent)))}.preset-futuristic_neon .timeline-year{text-shadow:var(--preset-futuristic-neon-year-shadow, 0 0 20px currentColor)}.preset-luxury_contrast .timeline-year{background:linear-gradient(135deg,var(--preset-luxury-year-gradient-start, var(--timeline-accent-color, var(--color-accent))),var(--preset-luxury-year-gradient-end, var(--timeline-accent-color, var(--color-accent))));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preset-noir .timeline-content{background:var(--preset-noir-card-bg, rgba(var(--color-background-rgb), .03));-webkit-backdrop-filter:blur(var(--preset-noir-card-blur, 10px));backdrop-filter:blur(var(--preset-noir-card-blur, 10px))}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-brand-timeline.css.map */