.story-timeline{--st-pad-left: 16px;--st-pad-right: 16px;--st-rail-width: 25px;--st-column-gap: 16px;--st-axis-default: 79px;--st-dot-next-first: 290px;--st-dot-next: 101px;--st-dot-past-first: 32px;--st-dot-past: 32px;--st-fade-top: 75px;--st-fade-bottom: 146px;--st-header: var(--header-height, 0px);--st-duration: .4s;position:relative;overflow-x:clip;background-color:var(--st-bg);color:var(--st-text)}.story-timeline:after{content:"";display:block;height:calc((var(--st-count, 1) - 1) * var(--st-step, 50vh))}.story-timeline__inner{position:sticky;top:calc(var(--st-header) + max(0px,(100vh - var(--st-header) - var(--st-stage-h, 724px)) / 2));top:calc(var(--st-header) + max(0px,(100svh - var(--st-header) - var(--st-stage-h, 724px)) / 2));display:grid;grid-template-columns:var(--st-rail-width) minmax(0,1fr);grid-template-areas:"rail main";column-gap:var(--st-column-gap);padding:0 var(--st-pad-right) 0 var(--st-pad-left)}.story-timeline__milestone{grid-area:main;align-self:start;display:flex;flex-direction:column;gap:7px;min-width:0}.story-timeline__milestone:not(.is-active)>*{opacity:0;pointer-events:none}.story-timeline__rail{grid-area:rail;position:relative;isolation:isolate;align-self:start;height:var(--st-rail-h, 100%);overflow:hidden;pointer-events:none}.story-timeline__line{position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background-image:repeating-linear-gradient(to bottom,var(--st-accent) 0 2px,transparent 2px 4px)}.story-timeline__rail:before,.story-timeline__rail:after{content:"";position:absolute;z-index:1;right:0;left:0}.story-timeline__rail:before{top:0;height:var(--st-fade-top);background-image:linear-gradient(to bottom,var(--st-bg),var(--st-bg-0))}.story-timeline__rail:after{bottom:0;height:var(--st-fade-bottom);background-image:linear-gradient(to top,var(--st-bg),var(--st-bg-0))}.story-timeline__track{position:absolute;top:var(--st-axis, var(--st-axis-default));right:0;left:0;height:0}.story-timeline__dot{--st-d: calc(var(--i) - var(--st-active));position:absolute;top:0;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:1px solid var(--st-accent);border-radius:50%;background-color:var(--st-bg-80);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);transform:translateY(calc(min(max(var(--st-d),0),1) * var(--st-dot-next-first) + max(var(--st-d) - 1,0) * var(--st-dot-next) - min(max(-1 * var(--st-d),0),1) * var(--st-dot-past-first) - max(-1 * var(--st-d) - 1,0) * var(--st-dot-past)));opacity:clamp(0,calc(3 - max(var(--st-d),-1 * var(--st-d))),1)}.story-timeline__dot.is-active{border-color:var(--st-bg-80);background-color:var(--st-accent)}.story-timeline__content{grid-area:text;display:flex;flex-direction:column;gap:7px;min-width:0}.story-timeline__head{position:relative;padding:24px 0 16px}.story-timeline__head:after{content:"";position:absolute;right:0;bottom:0;left:calc(-1 * (var(--st-pad-left) + var(--st-rail-width) + var(--st-column-gap)) - 176.72px);height:2px;background-image:linear-gradient(to right,var(--st-accent),var(--st-accent-0))}.story-timeline__body{display:flex;flex-direction:column;gap:7px;padding:12px 0 16px}.story-timeline .story-timeline__label,.story-timeline .story-timeline__title{margin:0;font-family:var(--font-heading-family);font-weight:400;letter-spacing:0;text-transform:none;overflow-wrap:break-word;color:var(--st-accent)}.story-timeline .story-timeline__label{font-size:36px;font-style:normal;line-height:40px}.story-timeline .story-timeline__title{font-size:30px;font-style:italic;line-height:36px}.story-timeline__text{font-family:var(--font-body-family);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;color:var(--st-text)}.story-timeline__text>*{margin:0;font:inherit;letter-spacing:inherit;color:inherit}.story-timeline__text>*+*{margin-top:24px}.story-timeline__text a{color:inherit;text-underline-offset:.2em}.story-timeline .story-timeline__media{grid-area:media;order:1;position:relative;display:block;width:100%;max-height:max(200px,calc(100vh - var(--st-header) - var(--st-text-h, 0px) - 7px));max-height:max(200px,calc(100svh - var(--st-header) - var(--st-text-h, 0px) - 7px));aspect-ratio:333 / 343;margin:0;padding:0;overflow:hidden;border:0;border-radius:8px;background:none;color:inherit;font:inherit}.story-timeline button.story-timeline__media{cursor:pointer}.story-timeline button.story-timeline__media:focus-visible{outline:2px solid var(--st-accent);outline-offset:3px;box-shadow:none}.story-timeline__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 50px 21px var(--st-bg-50);pointer-events:none}.story-timeline .story-timeline__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.story-timeline .story-timeline__placeholder{background-color:#ffffff0a;fill:#ffffff1f}.story-timeline__empty{margin:0;padding:64px 16px;font-family:var(--font-body-family);text-align:center;color:var(--st-text)}.story-timeline[data-ready] .story-timeline__track{transition:top var(--st-duration) ease-out}.story-timeline[data-ready] .story-timeline__rail{transition:height var(--st-duration) ease-out}.story-timeline[data-ready] .story-timeline__dot{transition:transform var(--st-duration) ease-out,opacity var(--st-duration) ease-out,background-color var(--st-duration) ease-out,border-color var(--st-duration) ease-out}.story-timeline[data-ready] .story-timeline__milestone>*{transition:opacity var(--st-duration) ease-out}@media(prefers-reduced-motion:reduce){.story-timeline[data-ready] .story-timeline__track,.story-timeline[data-ready] .story-timeline__rail{transition:none}.story-timeline[data-ready] .story-timeline__dot{transition:opacity var(--st-duration) ease-out,background-color var(--st-duration) ease-out,border-color var(--st-duration) ease-out}}@media screen and (min-width:750px)and (max-width:989px){.story-timeline{--st-pad-left: 32px;--st-pad-right: 32px}.story-timeline .story-timeline__media{aspect-ratio:3 / 2}}@media screen and (min-width:990px){.story-timeline{--st-pad-left: clamp(48px, calc(10.6667vw - 57.6px) , 96px);--st-pad-right: var(--st-pad-left);--st-rail-width: 101px;--st-column-gap: 56px;--st-axis-default: 386px;--st-dot-next-first: 209px;--st-dot-past-first: 209px;--st-dot-past: 101px;--st-fade-top: 176px;--st-fade-bottom: 176px;--st-content-top: clamp(235px, calc(19.4957vw + 42.26px) , 323px);--st-label-size: clamp(36px, calc(36px + (100vw - 990px) * 12 / 450), 48px)}.story-timeline__line{background-position:0 -1px}.story-timeline__inner{top:calc(var(--st-header) + max(0px,(100vh - var(--st-header) - var(--st-stage-h, 780px)) / 2));top:calc(var(--st-header) + max(0px,(100svh - var(--st-header) - var(--st-stage-h, 780px)) / 2));grid-template-columns:minmax(0,573.72fr) var(--st-rail-width) minmax(0,461.28fr);grid-template-areas:"media rail text";max-width:1440px;margin:0 auto}.story-timeline__milestone{display:contents}.story-timeline__rail{align-self:stretch;height:auto}.story-timeline .story-timeline__media{align-self:start;max-height:none;aspect-ratio:573.72 / 513;margin:calc(var(--st-content-top) + var(--st-head-h, calc(var(--st-label-size) + 16px)) + 3px - 44.708%) 0 133.5px}.story-timeline__content{align-self:start;margin-top:var(--st-content-top)}.story-timeline__head{padding-top:0}.story-timeline__head:after{left:calc(-1 * (var(--st-column-gap) + var(--st-rail-width) / 2))}.story-timeline__body{padding:20px 0 0}.story-timeline .story-timeline__label{font-size:var(--st-label-size);line-height:1}.story-timeline .story-timeline__title{font-size:clamp(30px,calc(30px + (100vw - 990px) * 6 / 450),36px);line-height:clamp(36px,calc(36px + (100vw - 990px) * 4 / 450),40px)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-story-timeline.css.map */