.brand-timeline{background:var(--gradient-background, rgb(var(--color-background)));--timeline-animate-duration: .5s}.brand-timeline__header{text-align:center;margin-bottom:3rem}@media screen and (min-width: 750px){.brand-timeline__header{margin-bottom:4rem}}.brand-timeline__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.2;letter-spacing:-.02em;color:rgb(var(--color-heading, var(--color-foreground)));margin:0}.brand-timeline__heading--small{font-size:clamp(1.5rem,3vw,2rem)}.brand-timeline__heading--medium{font-size:clamp(1.8rem,4vw,2.8rem)}.brand-timeline__heading--large{font-size:clamp(2.2rem,5vw,3.5rem)}.brand-timeline__subheading{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1rem);letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--color-foreground),.6);margin:0 0 .75rem}.brand-timeline__subheading--small{font-size:calc(var(--font-body-scale) * .95rem)}.brand-timeline__subheading--medium{font-size:calc(var(--font-body-scale) * 1.1rem)}.brand-timeline__subheading--large{font-size:calc(var(--font-body-scale) * 1.25rem)}@media screen and (min-width: 750px){.brand-timeline__subheading--small{font-size:calc(var(--font-body-scale) * 1rem)}.brand-timeline__subheading--medium{font-size:calc(var(--font-body-scale) * 1.25rem)}.brand-timeline__subheading--large{font-size:calc(var(--font-body-scale) * 1.5rem)}}.brand-timeline use-animate{display:block}.brand-timeline__timeline{position:relative;width:100%}.brand-timeline__timeline-track{position:relative}.brand-timeline__timeline--horizontal .brand-timeline__timeline-track{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:3rem 1.5rem 2rem;cursor:grab;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-user-drag:none;touch-action:pan-x pinch-zoom;overscroll-behavior-x:contain}.brand-timeline__timeline--horizontal .brand-timeline__timeline-track *{user-select:none;-webkit-user-select:none;-ms-user-select:none}@media screen and (min-width: 750px){.brand-timeline__timeline--horizontal .brand-timeline__timeline-track{padding:3rem 3rem 2rem}}.brand-timeline__timeline--horizontal .brand-timeline__timeline-track::-webkit-scrollbar{display:none}.brand-timeline__timeline--horizontal .brand-timeline__timeline-track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-snap-type:none;scroll-behavior:auto}.brand-timeline__timeline--horizontal .brand-timeline__timeline-track.is-dragging *{-webkit-user-select:none;user-select:none;pointer-events:none}.brand-timeline__timeline--horizontal .brand-timeline__timeline-track img,.brand-timeline__timeline--horizontal .brand-timeline__timeline-track a{pointer-events:none}.brand-timeline__timeline--horizontal .brand-timeline__timeline-line{display:none!important}.brand-timeline__timeline--horizontal .brand-timeline__milestone{flex:0 0 auto;width:var(--timeline-item-width, 280px);min-width:var(--timeline-item-width, 280px);scroll-snap-align:center;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.brand-timeline__timeline--horizontal .brand-timeline__milestone:after{content:"";position:absolute;top:calc(var(--timeline-dot-size, 14px) / 2);left:50%;width:100%;height:var(--timeline-line-width, 2px);background:linear-gradient(90deg,rgba(var(--color-foreground),.35),rgba(var(--color-foreground),.18));z-index:1}.brand-timeline__timeline--dashed.brand-timeline__timeline--horizontal .brand-timeline__milestone:after{background:transparent;border:none;border-top:var(--timeline-line-width, 2px) dashed rgba(var(--color-foreground),.3);height:0}.brand-timeline__timeline--horizontal use-animate:last-child .brand-timeline__milestone:after{display:none}.brand-timeline__timeline--horizontal .brand-timeline__milestone-dot{display:block!important;width:var(--timeline-dot-size, 14px);height:var(--timeline-dot-size, 14px);border-radius:50%;background-color:rgb(var(--color-background));border:2px solid rgba(var(--color-foreground),.6);position:relative;z-index:2;transition:transform .3s ease,border-color .3s ease,background-color .3s ease;flex-shrink:0}.brand-timeline__timeline--horizontal .brand-timeline__milestone:hover .brand-timeline__milestone-dot{transform:scale(1.2);border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground))}.brand-timeline__timeline--horizontal .brand-timeline__milestone-year{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.2;letter-spacing:-.01em;color:rgb(var(--color-heading, var(--color-foreground)));margin-top:1rem;order:1}.brand-timeline__timeline--horizontal .brand-timeline__milestone-content{margin-top:.75rem;padding:0 1rem;order:2}.brand-timeline__timeline--horizontal .brand-timeline__milestone-title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-body-scale) * 1rem);line-height:1.4;color:rgb(var(--color-foreground));margin-bottom:.5rem}.brand-timeline__timeline--horizontal .brand-timeline__milestone-description{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * .9rem);line-height:1.6;color:rgba(var(--color-foreground),.6);max-width:24ch;margin-inline:auto}.brand-timeline__timeline-nav{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.brand-timeline__timeline-nav-button{width:44px;height:44px;border:none;background-color:transparent;color:rgba(var(--color-foreground),.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease;border-radius:50%}.brand-timeline__timeline-nav-button:hover{color:rgb(var(--color-foreground))}.brand-timeline__timeline-nav-button:disabled{color:rgba(var(--color-foreground),.2);cursor:not-allowed}.brand-timeline__timeline-nav-button.is-disabled{color:rgba(var(--color-foreground),.2);cursor:not-allowed}.brand-timeline__timeline-nav-button svg{width:20px;height:20px}.brand-timeline__timeline-nav-button--prev svg{transform:scaleX(-1)}@media screen and (min-width: 750px){.brand-timeline__timeline--horizontal:before,.brand-timeline__timeline--horizontal:after{content:"";position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:10;opacity:0;transition:opacity .3s ease}.brand-timeline__timeline--horizontal:before{left:0;background:linear-gradient(to right,var(--gradient-background, rgb(var(--color-background))) 0%,transparent 100%)}.brand-timeline__timeline--horizontal:after{right:0;background:linear-gradient(to left,var(--gradient-background, rgb(var(--color-background))) 0%,transparent 100%)}.brand-timeline__timeline--horizontal.has-scroll-left:before{opacity:1}.brand-timeline__timeline--horizontal.has-scroll-right:after{opacity:1}}.brand-timeline__timeline--alternating .brand-timeline__timeline-track{position:relative;display:flex;flex-direction:column;gap:0;padding:2rem 0}.brand-timeline__timeline--alternating .brand-timeline__timeline-line{display:none!important}.brand-timeline__timeline--alternating .brand-timeline__milestone{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;gap:2rem;padding:1.5rem 0}.brand-timeline__timeline--alternating .brand-timeline__milestone-content{grid-column:1;text-align:right;padding-right:.5rem}.brand-timeline__timeline--alternating .brand-timeline__milestone--right .brand-timeline__milestone-content{grid-column:3;text-align:left;padding-right:0;padding-left:.5rem}.brand-timeline__timeline--alternating .brand-timeline__milestone-dot-wrapper{grid-column:2;display:flex;align-items:flex-start;justify-content:center;padding-top:.25rem;position:relative}.brand-timeline__timeline--alternating .brand-timeline__milestone-dot-wrapper:after{content:"";position:absolute;top:calc(var(--timeline-dot-size, 14px) + .25rem);left:50%;transform:translate(-50%);width:var(--timeline-line-width, 2px);height:calc(100% + 3rem - var(--timeline-dot-size, 14px));background:linear-gradient(180deg,rgba(var(--color-foreground),.3),rgba(var(--color-foreground),.18));z-index:1}.brand-timeline__timeline--dashed.brand-timeline__timeline--alternating .brand-timeline__milestone-dot-wrapper:after{background:transparent;border:none;border-left:var(--timeline-line-width, 2px) dashed rgba(var(--color-foreground),.3);width:0}.brand-timeline__timeline--alternating use-animate:last-child .brand-timeline__milestone-dot-wrapper:after{display:none}.brand-timeline__timeline--alternating .brand-timeline__milestone-dot{display:block!important;width:var(--timeline-dot-size, 14px);height:var(--timeline-dot-size, 14px);border-radius:50%;background-color:rgb(var(--color-background));border:2px solid rgba(var(--color-foreground),.5);position:relative;z-index:2;transition:transform .3s ease,border-color .3s ease,background-color .3s ease;flex-shrink:0}.brand-timeline__timeline--alternating .brand-timeline__milestone:hover .brand-timeline__milestone-dot{transform:scale(1.2);border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground))}.brand-timeline__timeline--alternating .brand-timeline__milestone-spacer{grid-column:3}.brand-timeline__timeline--alternating .brand-timeline__milestone--right .brand-timeline__milestone-spacer{grid-column:1}.brand-timeline__timeline--alternating .brand-timeline__milestone-year{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.2;letter-spacing:-.01em;color:rgb(var(--color-heading, var(--color-foreground)));margin-bottom:.5rem}.brand-timeline__timeline--alternating .brand-timeline__milestone-title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-body-scale) * 1rem);line-height:1.4;color:rgb(var(--color-foreground));margin-bottom:.5rem}.brand-timeline__timeline--alternating .brand-timeline__milestone-description{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * .9rem);line-height:1.6;color:rgba(var(--color-foreground),.6)}@media screen and (max-width: 749px){.brand-timeline__timeline--horizontal .brand-timeline__timeline-track{flex-direction:column;overflow-x:hidden;overflow-y:visible;scroll-snap-type:none;padding:1rem 0 1rem 2rem;margin:0;gap:0;cursor:default;touch-action:auto}.brand-timeline__timeline--horizontal .brand-timeline__milestone:after{display:none}.brand-timeline__timeline--horizontal .brand-timeline__milestone{width:100%;min-width:100%;text-align:left;flex-direction:column;align-items:flex-start;padding:0 0 2rem 1.5rem;gap:0;position:relative}.brand-timeline__timeline--horizontal .brand-timeline__milestone:before{content:"";position:absolute;left:0;top:calc(var(--timeline-dot-size, 14px));width:var(--timeline-line-width, 2px);height:calc(100% - var(--timeline-dot-size, 14px) + .5rem);background:linear-gradient(180deg,rgba(var(--color-foreground),.3),rgba(var(--color-foreground),.18));transform:translate(calc(var(--timeline-dot-size, 14px) / 2 - 1px))}.brand-timeline__timeline--dashed.brand-timeline__timeline--horizontal .brand-timeline__milestone:before{background:transparent;border:none;border-left:var(--timeline-line-width, 2px) dashed rgba(var(--color-foreground),.3);width:0}.brand-timeline__timeline--horizontal use-animate:last-child .brand-timeline__milestone:before{display:none}.brand-timeline__timeline--horizontal .brand-timeline__milestone-dot{position:absolute;left:0;top:0}.brand-timeline__timeline--horizontal .brand-timeline__milestone-year{position:static;margin-top:0;margin-bottom:.25rem;font-size:1.2rem;order:0;transform:none;text-align:left}.brand-timeline__timeline--horizontal .brand-timeline__milestone-content{margin-top:0;padding:0;order:1}.brand-timeline__timeline--horizontal .brand-timeline__milestone-title{font-size:calc(var(--font-body-scale) * .95rem);margin-bottom:.25rem}.brand-timeline__timeline--horizontal .brand-timeline__milestone-description{max-width:none;margin-inline:0;font-size:calc(var(--font-body-scale) * .85rem)}.brand-timeline__timeline-nav{display:none}.brand-timeline__timeline--alternating .brand-timeline__timeline-track{padding:1rem 0 1rem 2rem}.brand-timeline__timeline--alternating .brand-timeline__milestone{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0 0 2rem 1.5rem;position:relative}.brand-timeline__timeline--alternating .brand-timeline__milestone:before{content:"";position:absolute;left:0;top:calc(var(--timeline-dot-size, 14px));width:var(--timeline-line-width, 2px);height:calc(100% - var(--timeline-dot-size, 14px) + .5rem);background:linear-gradient(180deg,rgba(var(--color-foreground),.3),rgba(var(--color-foreground),.18));transform:translate(calc(var(--timeline-dot-size, 14px) / 2 - 1px))}.brand-timeline__timeline--dashed.brand-timeline__timeline--alternating .brand-timeline__milestone:before{background:transparent;border:none;border-left:var(--timeline-line-width, 2px) dashed rgba(var(--color-foreground),.3);width:0}.brand-timeline__timeline--alternating use-animate:last-child .brand-timeline__milestone:before{display:none}.brand-timeline__timeline--alternating .brand-timeline__milestone-dot-wrapper:after{display:none}.brand-timeline__timeline--alternating .brand-timeline__milestone-dot-wrapper{position:absolute;left:0;top:0;padding-top:0}.brand-timeline__timeline--alternating .brand-timeline__milestone-content,.brand-timeline__timeline--alternating .brand-timeline__milestone--right .brand-timeline__milestone-content{text-align:left;padding:0;order:1}.brand-timeline__timeline--alternating .brand-timeline__milestone-spacer,.brand-timeline__timeline--alternating .brand-timeline__milestone--right .brand-timeline__milestone-spacer{display:none}.brand-timeline__timeline--alternating .brand-timeline__milestone-year{font-size:1.2rem;margin-bottom:.25rem}.brand-timeline__timeline--alternating .brand-timeline__milestone-title{font-size:calc(var(--font-body-scale) * .95rem);margin-bottom:.25rem}.brand-timeline__timeline--alternating .brand-timeline__milestone-description{font-size:calc(var(--font-body-scale) * .85rem)}}.brand-timeline--has-accent .brand-timeline__timeline--horizontal .brand-timeline__milestone:after{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-color) 50%,transparent),color-mix(in srgb,var(--accent-color) 25%,transparent))}.brand-timeline--has-accent .brand-timeline__timeline--alternating .brand-timeline__milestone-dot-wrapper:after{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 45%,transparent),color-mix(in srgb,var(--accent-color) 25%,transparent))}@media screen and (max-width: 749px){.brand-timeline--has-accent .brand-timeline__timeline--horizontal .brand-timeline__milestone:before,.brand-timeline--has-accent .brand-timeline__timeline--alternating .brand-timeline__milestone:before{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 45%,transparent),color-mix(in srgb,var(--accent-color) 25%,transparent))}}.brand-timeline--has-accent .brand-timeline__timeline--dashed.brand-timeline__timeline--horizontal .brand-timeline__milestone:after{border-top-color:color-mix(in srgb,var(--accent-color) 50%,transparent)}.brand-timeline--has-accent .brand-timeline__timeline--dashed.brand-timeline__timeline--alternating .brand-timeline__milestone-dot-wrapper:after{border-left-color:color-mix(in srgb,var(--accent-color) 50%,transparent)}@media screen and (max-width: 749px){.brand-timeline--has-accent .brand-timeline__timeline--dashed.brand-timeline__timeline--horizontal .brand-timeline__milestone:before,.brand-timeline--has-accent .brand-timeline__timeline--dashed.brand-timeline__timeline--alternating .brand-timeline__milestone:before{border-left-color:color-mix(in srgb,var(--accent-color) 50%,transparent)}}.brand-timeline--has-accent .brand-timeline__milestone-dot{border-color:var(--accent-color);background-color:rgb(var(--color-background))}.brand-timeline--has-accent .brand-timeline__milestone:hover .brand-timeline__milestone-dot{background-color:var(--accent-color);border-color:var(--accent-color);transform:scale(1.2)}.brand-timeline__timeline use-animate:not([animate]) .brand-timeline__milestone{opacity:0;transform:translateY(20px)}.brand-timeline__timeline use-animate[animate] .brand-timeline__milestone{opacity:1;transform:translateY(0);transition:opacity var(--timeline-animate-duration, .5s) ease,transform var(--timeline-animate-duration, .5s) ease;transition-delay:0ms}@media (prefers-reduced-motion: reduce){.brand-timeline__timeline use-animate:not([animate]) .brand-timeline__milestone{opacity:1;transform:none}.brand-timeline__milestone-dot{transition:none}}@media screen and (max-width: 749px){.brand-timeline--mobile-scroll .brand-timeline__timeline{position:relative}.brand-timeline--mobile-scroll .brand-timeline__timeline-track{max-height:var(--mobile-max-height, 400px);overflow-y:auto!important;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.3) transparent;touch-action:pan-y}.brand-timeline--mobile-scroll .brand-timeline__timeline-track::-webkit-scrollbar{width:4px}.brand-timeline--mobile-scroll .brand-timeline__timeline-track::-webkit-scrollbar-track{background:transparent}.brand-timeline--mobile-scroll .brand-timeline__timeline-track::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.3);border-radius:4px}.brand-timeline--mobile-scroll .brand-timeline__timeline-track::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--color-foreground),.5)}.brand-timeline--has-accent.brand-timeline--mobile-scroll .brand-timeline__timeline-track{scrollbar-color:color-mix(in srgb,var(--accent-color) 50%,transparent) transparent}.brand-timeline--has-accent.brand-timeline--mobile-scroll .brand-timeline__timeline-track::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--accent-color) 50%,transparent)}.brand-timeline--has-accent.brand-timeline--mobile-scroll .brand-timeline__timeline-track::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}.brand-timeline--mobile-scroll .brand-timeline__timeline:before,.brand-timeline--mobile-scroll .brand-timeline__timeline:after{content:"";position:absolute;left:0;right:0;height:40px;pointer-events:none;z-index:10;opacity:0;transition:opacity .3s ease}.brand-timeline--mobile-scroll .brand-timeline__timeline:before{top:0;background:linear-gradient(to bottom,var(--gradient-background, rgb(var(--color-background))) 0%,transparent 100%)}.brand-timeline--mobile-scroll .brand-timeline__timeline:after{bottom:0;background:linear-gradient(to top,var(--gradient-background, rgb(var(--color-background))) 0%,transparent 100%)}.brand-timeline--mobile-scroll .brand-timeline__timeline.has-scroll-top:before{opacity:1}.brand-timeline--mobile-scroll .brand-timeline__timeline.has-scroll-bottom:after{opacity:1}.brand-timeline--mobile-scroll .brand-timeline__timeline-track{padding-bottom:1rem}}.brand-timeline__scroll-indicator{display:none}@media screen and (max-width: 749px){.brand-timeline--mobile-scroll .brand-timeline__scroll-indicator{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:absolute;left:50%;right:auto;top:.75rem;bottom:.75rem;transform:translate(-50%);z-index:20;gap:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.brand-timeline--mobile-scroll .brand-timeline__scroll-indicator{opacity:1}.brand-timeline__scroll-indicator-dots{display:flex;flex-direction:column;align-items:center;gap:4px}.brand-timeline__scroll-indicator-dot{width:6px;height:6px;border-radius:50%;background-color:rgba(var(--color-foreground),.2);transition:background-color .3s ease,transform .3s ease}.brand-timeline__scroll-indicator-dot--active{background-color:rgba(var(--color-foreground),.6);transform:scale(1.2)}.brand-timeline--has-accent .brand-timeline__scroll-indicator-dot{background-color:color-mix(in srgb,var(--accent-color) 25%,transparent)}.brand-timeline--has-accent .brand-timeline__scroll-indicator-dot--active{background-color:var(--accent-color)}.brand-timeline__scroll-arrow{display:block;width:24px;height:24px;color:rgba(var(--color-foreground),.4);box-sizing:border-box;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(var(--scroll-arrow-rotation, 45deg));transition:color .3s ease,opacity .3s ease,border-color .3s ease;opacity:0}.brand-timeline__scroll-arrow--down{--scroll-arrow-rotation: 45deg}.brand-timeline__scroll-arrow--up{--scroll-arrow-rotation: 225deg}.brand-timeline__timeline.has-scroll-top .brand-timeline__scroll-arrow--up,.brand-timeline__timeline.has-scroll-bottom .brand-timeline__scroll-arrow--down{opacity:1}.brand-timeline__timeline:not(.has-scroll-top) .brand-timeline__scroll-arrow--up,.brand-timeline__timeline:not(.has-scroll-bottom) .brand-timeline__scroll-arrow--down{opacity:0;animation:none}.brand-timeline--has-accent .brand-timeline__scroll-arrow{color:var(--accent-color)}@keyframes scrollBounce{0%,to{transform:translateY(0) rotate(var(--scroll-arrow-rotation, 45deg))}50%{transform:translateY(3px) rotate(var(--scroll-arrow-rotation, 45deg))}}.brand-timeline__timeline.has-scroll-bottom .brand-timeline__scroll-arrow--down{animation:scrollBounce 1.5s ease-in-out infinite}.brand-timeline__timeline.has-scroll-top .brand-timeline__scroll-arrow--up{animation:scrollBounce 1.5s ease-in-out infinite reverse}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-brand-timeline.css.map */