@keyframes timeline-shimmer{0%{opacity:1}50%{opacity:.85}to{opacity:1}}@keyframes timeline-node-glow{0%,to{box-shadow:0 0 0 0 var(--timeline-accent, var(--color-headings-accent))}50%{box-shadow:0 0 0 .4rem color-mix(in srgb,var(--timeline-accent, var(--color-headings-accent)) 25%,transparent)}}@keyframes timeline-content-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.scroll-timeline__container{width:100%}.scroll-timeline__grid{display:grid;gap:calc(var(--spacing-step) * 4);align-items:start}.scroll-timeline__head{max-width:28rem;opacity:0;transform:translateY(1rem);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.scroll-timeline.is-head-visible .scroll-timeline__head,html.no-js .scroll-timeline__head{opacity:1;transform:translateY(0)}.scroll-timeline__subheading{color:var(--timeline-accent, var(--color-headings-accent));letter-spacing:.08em;font-weight:600}.scroll-timeline__title{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.1;letter-spacing:.02em;text-transform:uppercase}.scroll-timeline__track{position:relative;--timeline-line-width: .3rem;--timeline-node-size: 1.05rem;--timeline-node-gap: .6rem;--timeline-track-offset: calc(var(--spacing-step) * 3.5);--timeline-item-padding: calc(var(--spacing-step) * 2.75);--timeline-node-offset-x: calc(var(--timeline-line-width) + var(--timeline-node-gap) - var(--timeline-track-offset));padding-left:var(--timeline-track-offset)}.scroll-timeline__line{display:block;position:absolute;left:0;top:var(--timeline-line-offset-top, calc(.25rem + var(--timeline-node-size) / 2));bottom:auto;height:var(--timeline-total-height, 100%);width:var(--timeline-line-width);background:color-mix(in srgb,var(--timeline-accent, var(--color-headings-accent)) 18%,transparent);border-radius:calc(var(--timeline-line-width) / 2);overflow:hidden}.scroll-timeline__line-fill{display:block;position:absolute;left:0;top:0;width:100%;height:var(--timeline-fill-height, calc(var(--timeline-progress, 0) * 100%));min-height:var(--timeline-line-width);background:linear-gradient(to bottom,var(--timeline-accent, var(--color-headings-accent)),color-mix(in srgb,var(--timeline-accent, var(--color-headings-accent)) 85%,transparent));border-radius:calc(var(--timeline-line-width) / 2);transition:height .25s cubic-bezier(.22,1,.36,1);animation:timeline-shimmer 3s ease-in-out infinite}.scroll-timeline__track:after{content:"";position:absolute;left:0;top:var(--timeline-line-hide-from, 9999px);bottom:0;width:var(--timeline-line-width);background:var(--section-background, var(--color-background));pointer-events:none}.scroll-timeline__list{margin:0;padding:0}.scroll-timeline__item{position:relative;padding-left:var(--timeline-item-padding);padding-bottom:calc(var(--spacing-step) * 5);opacity:0;transform:translateY(1.8rem);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.scroll-timeline__item.is-visible,html.no-js .scroll-timeline__item{opacity:1;transform:translateY(0)}.scroll-timeline__item:last-child{padding-bottom:0}.scroll-timeline__item .scroll-timeline__year,.scroll-timeline__item .scroll-timeline__event-title,.scroll-timeline__item .scroll-timeline__media,.scroll-timeline__item .scroll-timeline__description{opacity:0;animation:timeline-content-in .6s cubic-bezier(.22,1,.36,1) forwards}.scroll-timeline__item.is-visible .scroll-timeline__year{animation-delay:.05s}.scroll-timeline__item.is-visible .scroll-timeline__event-title{animation-delay:.12s}.scroll-timeline__item.is-visible .scroll-timeline__media{animation-delay:.2s}.scroll-timeline__item.is-visible .scroll-timeline__description{animation-delay:.28s}html.no-js .scroll-timeline__item .scroll-timeline__year,html.no-js .scroll-timeline__item .scroll-timeline__event-title,html.no-js .scroll-timeline__item .scroll-timeline__media,html.no-js .scroll-timeline__item .scroll-timeline__description{opacity:1;animation:none}.scroll-timeline__node{display:block;position:absolute;left:var(--timeline-node-offset-x);top:.25rem;width:var(--timeline-node-size);height:var(--timeline-node-size);margin-top:0;background:var(--timeline-accent, var(--color-headings-accent));border:.2rem solid var(--color-background);border-radius:50%;box-shadow:0 0 0 .1rem color-mix(in srgb,var(--timeline-accent, var(--color-headings-accent)) 35%,transparent);opacity:0;transform:scale(.3);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.scroll-timeline__item.is-visible .scroll-timeline__node,html.no-js .scroll-timeline__node{opacity:1;transform:scale(1)}.scroll-timeline__item.is-active .scroll-timeline__node{animation:timeline-node-glow 2s ease-in-out infinite;transform:scale(1.15);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--timeline-accent, var(--color-headings-accent)) 30%,transparent)}.scroll-timeline__year{color:var(--timeline-accent, var(--color-headings-accent));font-weight:600}.scroll-timeline__event-title{font-weight:700}.scroll-timeline__description{line-height:1.6}.scroll-timeline__description p{margin:0 0 .6em}.scroll-timeline__description p:last-child{margin-bottom:0}.scroll-timeline__media{border-radius:var(--border-radius-images, .4rem);overflow:hidden;background:var(--color-seperators, #e5e5e5)}.scroll-timeline__media.media>img,.scroll-timeline__media.media>noscript img{width:100%;height:100%;object-fit:cover}.scroll-timeline__media.media--aspect-ratio>img,.scroll-timeline__media.media--aspect-ratio>noscript img{height:auto}@media screen and (min-width:990px){.scroll-timeline__track{--timeline-line-width: .375rem;--timeline-node-size: 1.25rem;--timeline-node-gap: .75rem;--timeline-track-offset: calc(var(--spacing-step) * 5);--timeline-item-padding: calc(var(--spacing-step) * 4);--timeline-node-offset-x: calc(var(--timeline-line-width) + var(--timeline-node-gap) - var(--timeline-track-offset))}.scroll-timeline__grid{grid-template-columns:.25fr 1fr;gap:calc(var(--spacing-step) * 6);align-items:start}.scroll-timeline__head{position:sticky;top:calc(var(--spacing-step) * 12);max-width:none}.scroll-timeline__track{padding-left:var(--timeline-track-offset)}.scroll-timeline__item{position:relative;padding-left:var(--timeline-item-padding);padding-bottom:calc(var(--spacing-step) * 6)}}@media screen and (min-width:1200px){.scroll-timeline__grid{grid-template-columns:.22fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-scroll-timeline.css.map */