.timeline{--timeline-accent: var(--color-button);--timeline-glow: 249, 250, 0;--timeline-card-w: min(82vw, 44rem);--timeline-gap: 1.6rem;--timeline-dot: 1.6rem;--timeline-stem: 3.2rem;--timeline-anchor: 50%;--timeline-radius: 2rem;--timeline-blur: 18px;display:block;position:relative;isolation:isolate;overflow:hidden;overflow:clip}.timeline__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.timeline__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.timeline__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-background));opacity:var(--timeline-overlay-opacity, .6)}.timeline__orbs{position:absolute;top:0;right:0;bottom:0;left:0}.timeline__orb{position:absolute;width:48vw;max-width:72rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--timeline-glow),.32),rgba(var(--timeline-glow),0) 65%);animation:timeline-drift 22s ease-in-out infinite alternate}.timeline__orb--1{top:-20%;left:-10%}.timeline__orb--2{bottom:-30%;left:35%;width:36vw;opacity:.7;animation-duration:28s;animation-delay:-8s}.timeline__orb--3{top:10%;right:-15%;width:30vw;opacity:.55;animation-duration:18s;animation-delay:-4s}@keyframes timeline-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(6vw,4vh,0) scale(1.1)}to{transform:translate3d(-4vw,-3vh,0) scale(.95)}}.timeline__track{position:relative;display:flex;margin:0;padding:2.4rem .4rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.timeline__track::-webkit-scrollbar{display:none}.timeline__track:focus-visible{outline:.2rem solid rgba(var(--timeline-accent),.8);outline-offset:.4rem;border-radius:var(--timeline-radius)}.timeline.is-dragging .timeline__track{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline__step{display:grid;grid-template-rows:var(--timeline-dot) var(--timeline-stem) 1fr;flex:0 0 var(--timeline-card-w);margin-right:var(--timeline-gap);scroll-snap-align:start;pointer-events:none}.timeline__step:last-child{margin-right:0}.timeline__step:before{content:"";grid-row:1;grid-column:1;align-self:center;height:.2rem;margin-right:calc(-1 * var(--timeline-gap));background:linear-gradient(rgb(var(--timeline-accent)),rgb(var(--timeline-accent))) left center / 0% 100% no-repeat,rgba(var(--color-foreground),.2);transition:background-size .6s ease}.timeline__step:first-child:before{margin-left:var(--timeline-anchor)}.timeline__step:last-child:before{margin-right:calc(100% - var(--timeline-anchor))}.timeline__step.is-passed:before{background-size:100% 100%,auto}.timeline__dot,.timeline__stem{grid-column:1;justify-self:start}.timeline__dot{position:relative;z-index:1;grid-row:1;width:var(--timeline-dot);height:var(--timeline-dot);margin-left:calc(var(--timeline-anchor) - var(--timeline-dot) / 2);border:.2rem solid rgb(var(--timeline-accent));border-radius:50%;background:rgb(var(--color-background));box-shadow:0 0 0 .4rem rgba(var(--timeline-accent),.12);transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;pointer-events:auto}.timeline__dot:after{content:"";position:absolute;top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem;border-radius:50%;border:.2rem solid rgb(var(--timeline-accent));opacity:0}.timeline__stem{grid-row:2;width:.1rem;margin-left:calc(var(--timeline-anchor) - .05rem);background:linear-gradient(rgb(var(--timeline-accent)),rgb(var(--timeline-accent))) center top / 100% 0% no-repeat,rgba(var(--color-foreground),.2);transition:background-size .5s ease .2s}.timeline__step.is-passed .timeline__stem{background-size:100% 100%,auto}.timeline__step.is-passed .timeline__dot{background:rgb(var(--timeline-accent))}.timeline__card{--timeline-lift: 0rem;position:relative;grid-row:3;grid-column:1;display:grid;grid-template-rows:auto 1fr;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:var(--timeline-radius);background:linear-gradient(145deg,rgba(var(--color-foreground),.12),rgba(var(--color-foreground),.04));-webkit-backdrop-filter:blur(var(--timeline-blur)) saturate(160%);backdrop-filter:blur(var(--timeline-blur)) saturate(160%);box-shadow:0 1.6rem 4rem -1.6rem rgba(var(--color-shadow),.45),inset 0 .1rem #ffffff1f;color:rgb(var(--color-foreground));transform:translateY(var(--timeline-lift));--timeline-hover: 0;scale:calc(.9 + .1*max(var(--timeline-focus),var(--timeline-hover)));opacity:calc(.4 + .6*max(var(--timeline-focus),var(--timeline-hover)));transition:--timeline-hover .3s ease,transform .3s ease-out,background .4s ease,border-color .4s ease,box-shadow .4s ease;pointer-events:auto}.timeline__card:before,.timeline__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;opacity:0;transition:opacity .4s ease;pointer-events:none}.timeline__card:before{background:radial-gradient(circle at var(--timeline-mx, 50%) var(--timeline-my, 50%),rgba(var(--timeline-glow),.16) 0%,rgba(var(--timeline-glow),0) 40%)}.timeline__card:after{top:-.1rem;right:-.1rem;bottom:-.1rem;left:-.1rem;padding:.1rem;background:linear-gradient(135deg,rgba(var(--timeline-accent),.9),rgba(var(--timeline-accent),0) 40%,rgba(var(--color-foreground),0) 60%,rgba(var(--color-foreground),.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.timeline__visual{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;border-radius:calc(var(--timeline-radius) - .1rem) calc(var(--timeline-radius) - .1rem) 0 0;overflow:hidden;isolation:isolate;container-type:inline-size}.timeline__visual-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transform:scale(1.18);transition:filter .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.timeline__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at center,#0000008c,#00000040 70%);transition:opacity .6s ease}.timeline__visual--fallback{background:radial-gradient(circle at 30% 20%,rgba(var(--timeline-glow),.22),rgba(var(--timeline-glow),0) 60%),repeating-linear-gradient(-45deg,rgba(var(--color-foreground),.06) 0 .1rem,rgba(var(--color-foreground),0) .1rem 1.4rem),rgba(var(--color-background),.45)}.timeline__visual--fallback:after{content:none}.timeline__year{position:relative;margin:0;font-family:HelveticaNeueLT-BlackExt,sans-serif;font-size:24cqi;font-weight:900;line-height:1;letter-spacing:-.04em;color:#fff;text-shadow:0 .4rem 3rem rgba(0,0,0,.35);transition:color .3s ease}.timeline__visual--fallback .timeline__year{color:rgb(var(--color-foreground));text-shadow:none}.timeline__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:2.4rem}.timeline__label,.timeline__heading,.timeline__text{margin:0;color:rgb(var(--color-foreground))}.timeline__label{display:flex;align-items:center;gap:.8rem;margin-bottom:1.6rem;font-family:InputMono,monospace;font-size:1.1rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.timeline__label:before{content:"";flex:0 0 auto;width:.6rem;height:.6rem;background:rgb(var(--timeline-accent))}.timeline__heading{font-family:HelveticaNeueLT-BlackExt,sans-serif;font-size:1.8rem;font-weight:900;line-height:1.25;text-transform:uppercase;word-break:break-word}.timeline__text{margin-top:1.2rem;font-family:InputMono,monospace;font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.timeline__text>*{margin:0}.timeline__text>*+*{margin-top:.8rem}.timeline__card:hover,.timeline__step:focus-within .timeline__card{--timeline-lift: -.6rem;--timeline-hover: 1;border-color:rgba(var(--timeline-accent),.35);background:linear-gradient(145deg,rgba(var(--color-foreground),.18),rgba(var(--color-foreground),.06));box-shadow:0 2.4rem 5rem -1.6rem rgba(var(--color-shadow),.55),0 0 4rem -1rem rgba(var(--timeline-glow),.35),inset 0 .1rem #ffffff2e}.timeline__card:hover:before,.timeline__card:hover:after,.timeline__step:focus-within .timeline__card:after{opacity:1}.timeline__card:hover .timeline__visual-image{filter:none;transform:scale(1.24)}.timeline__card:hover .timeline__visual:after{opacity:.7}.timeline__card:hover .timeline__year{color:rgb(var(--timeline-accent))}.timeline__step:has(.timeline__card:hover) .timeline__dot,.timeline__dot:hover{transform:scale(1.25);background:rgb(var(--timeline-accent));box-shadow:0 0 0 .4rem rgba(var(--timeline-accent),.2),0 0 2rem rgba(var(--timeline-glow),.6)}.timeline__step:has(.timeline__card:hover) .timeline__dot:after,.timeline__dot:hover:after{animation:timeline-pulse 1.4s ease-out infinite}@keyframes timeline-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.6);opacity:0}}.timeline__step--highlight .timeline__dot{background:rgb(var(--timeline-accent));box-shadow:0 0 0 .5rem rgba(var(--timeline-accent),.2),0 0 2.4rem rgba(var(--timeline-glow),.55)}.timeline__step--highlight .timeline__card{border-color:rgba(var(--timeline-accent),.4);background:linear-gradient(145deg,rgba(var(--timeline-glow),.14),rgba(var(--color-foreground),.08) 60%,rgba(var(--color-foreground),.04))}.timeline__step--highlight .timeline__year{color:rgb(var(--timeline-accent))}.timeline__controls{display:flex;align-items:center;gap:1.6rem;margin-top:1.6rem}.timeline[data-scrollable=false] .timeline__controls{display:none}.timeline__button{display:none;flex:0 0 auto;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:50%;background:rgba(var(--color-foreground),.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease,opacity .3s ease}.timeline__button:not([disabled]):hover{border-color:rgb(var(--timeline-accent));background:rgb(var(--timeline-accent));color:rgb(var(--color-button-text));transform:scale(1.06)}.timeline__button:focus-visible{outline:.2rem solid rgba(var(--timeline-accent),.8);outline-offset:.3rem}.timeline__button[disabled]{opacity:.35;cursor:default}.timeline__progress{position:relative;flex:1 1 auto;height:.2rem;border-radius:.2rem;background:rgba(var(--color-foreground),.15);overflow:hidden}.timeline__progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(var(--timeline-accent),.6),rgb(var(--timeline-accent)));box-shadow:0 0 1.2rem rgba(var(--timeline-glow),.6);transform:scaleX(var(--timeline-progress, 0));transform-origin:left center}@media screen and (min-width:750px){.timeline{--timeline-card-w: clamp(64rem, 62vw, 84rem);--timeline-gap: 4rem;--timeline-stem: 4.8rem;--timeline-anchor: 20%}.timeline__track{padding-block:3.2rem}.timeline__card{grid-template-rows:none;grid-template-columns:2fr 3fr}.timeline__visual{aspect-ratio:1;border-radius:calc(var(--timeline-radius) - .1rem) 0 0 calc(var(--timeline-radius) - .1rem)}.timeline__content{padding:4rem 4.8rem}.timeline__label{font-size:1.2rem}.timeline__heading{font-size:2.4rem}.timeline__text{margin-top:1.6rem;font-size:1.5rem}.timeline__button{display:inline-flex}}@property --timeline-focus{syntax: "<number>"; inherits: true; initial-value: 1;}@property --timeline-hover{syntax: "<number>"; inherits: true; initial-value: 0;}@property --timeline-pos{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes timeline-focus{0%{--timeline-focus: 0;--timeline-pos: -1}25%{--timeline-focus: 1;--timeline-pos: -.5}75%{--timeline-focus: 1;--timeline-pos: .5}to{--timeline-focus: 0;--timeline-pos: 1}}@keyframes timeline-parallax{0%{translate:0 -12%}to{translate:0 12%}}@keyframes timeline-track-in{0%{translate:24rem 0}to{translate:0 0}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.timeline__card{animation:timeline-focus linear both;animation-timeline:view(inline)}.timeline__visual-image{translate:calc(var(--timeline-pos) * -7%) 0}.timeline__image{scale:1.25;animation:timeline-parallax linear both;animation-timeline:view()}.timeline__orbs{animation:timeline-parallax linear both reverse;animation-timeline:view()}.timeline__track{animation:timeline-track-in cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 0% entry 80%}}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.timeline__card{background:rgba(var(--color-background),.92)}}@media(prefers-reduced-motion:reduce){.timeline__orb,.timeline__dot:after{animation:none!important}.timeline__card,.timeline__dot,.timeline__button,.timeline__stem,.timeline__step:before,.timeline__visual-image{transition:none}.timeline__card{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/section-timeline.css.map */