.timeline-custom{padding:64px 0 56px}.timeline-custom .page-width{padding-left:clamp(1.25rem,5vw,5rem);padding-right:clamp(1.25rem,5vw,5rem);display:flex;flex-direction:column}.timeline-custom__heading{order:0}.timeline-custom__viewport{order:1}.timeline-custom__progress{order:2}.timeline-custom__controls{order:3}.timeline-custom__heading{text-align:center;font-size:2.2rem;margin:0 0 40px}.timeline-custom__viewport{position:relative}.timeline-custom__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:4px;padding:4px 4px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.timeline-custom__track::-webkit-scrollbar{display:none}.timeline-custom__card{flex:0 0 280px;scroll-snap-align:start;background:rgba(var(--color-background),1);border:1px solid rgba(var(--color-foreground),.08);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease}.timeline-custom__card:hover{transform:translateY(-3px);border-color:rgba(var(--color-foreground),.18)}.timeline-custom__image-wrap{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:rgba(var(--color-foreground),.04)}.timeline-custom__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.timeline-custom__card:hover .timeline-custom__image{transform:scale(1.04)}.timeline-custom__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}.timeline-custom__year{font-size:.8rem;font-weight:600;letter-spacing:.06em;color:rgba(var(--color-foreground),.5);text-transform:uppercase}.timeline-custom__title{font-size:1.05rem;margin:0;line-height:1.3}.timeline-custom__text{font-size:.9rem;line-height:1.55;color:rgba(var(--color-foreground),.75)}.timeline-custom__text p{margin:0}.timeline-custom__fade{position:absolute;top:0;bottom:20px;width:48px;pointer-events:none;z-index:2;opacity:1;transition:opacity .2s ease}.timeline-custom__fade--left{left:0;background:linear-gradient(to right,rgb(var(--color-background)),rgba(var(--color-background),0))}.timeline-custom__fade--right{right:0;background:linear-gradient(to left,rgb(var(--color-background)),rgba(var(--color-background),0))}.timeline-custom__viewport.is-at-start .timeline-custom__fade--left,.timeline-custom__viewport.is-at-end .timeline-custom__fade--right{opacity:0}.timeline-custom__progress{height:3px;background:rgba(var(--color-foreground),.08);border-radius:999px;margin:4px 4px 24px;overflow:hidden}.timeline-custom__progress-bar{height:100%;width:0%;background:rgb(var(--color-foreground));border-radius:999px;transition:width .1s linear}.timeline-custom__controls{display:flex;align-items:center;justify-content:center;gap:12px}.timeline-custom__arrow{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(var(--color-foreground),.8);transition:background .15s ease}.timeline-custom__arrow:hover{background:rgba(var(--color-foreground),.06)}.timeline-custom__years{display:flex;gap:6px;overflow-x:auto;max-width:100%;scroll-behavior:smooth;scrollbar-width:none}.timeline-custom__years::-webkit-scrollbar{display:none}.timeline-custom__year-pill{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid rgba(var(--color-foreground),.15);background:transparent;font-size:.85rem;cursor:pointer;color:rgba(var(--color-foreground),.7);transition:background .15s ease,color .15s ease,border-color .15s ease}.timeline-custom__year-pill.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.timeline-custom{padding:40px 0 36px}.timeline-custom .page-width{padding-left:1rem;padding-right:1rem}.timeline-custom__heading{font-size:1.5rem;margin-bottom:24px}.timeline-custom__card{flex-basis:78vw;max-width:320px}.timeline-custom__fade{width:28px}.timeline-custom__arrow{display:none}.timeline-custom__years{justify-content:flex-start}.timeline-custom__controls{order:1;justify-content:flex-start;margin-bottom:18px}.timeline-custom__viewport{order:2}.timeline-custom__progress{order:3;margin-top:4px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-timeline-custom.css.map */