.scroll-sequence{--scroll-sequence-stage-height: calc(100svh - var(--header-height, 0px));display:block;position:relative}.scroll-sequence__stage{position:relative;overflow:hidden}.scroll-sequence__media{position:relative;overflow:hidden;background-color:rgb(var(--color-background))}.scroll-sequence__poster,.scroll-sequence__canvas,.scroll-sequence__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scroll-sequence__canvas,.scroll-sequence__video{opacity:0;transition:opacity .25s}.scroll-sequence.is-ready .scroll-sequence__canvas,.scroll-sequence.is-ready .scroll-sequence__video{opacity:1}.scroll-sequence__chapters{display:grid}.scroll-sequence__chapter{grid-area:1 / 1;transition:opacity .4s}.scroll-sequence:not(.is-static) .scroll-sequence__chapter:not(.is-active),.scroll-sequence:not(.is-static) .scroll-sequence__chapters:focus-within .scroll-sequence__chapter:not(:focus-within){opacity:0;pointer-events:none}.scroll-sequence:not(.is-static) .scroll-sequence__chapter:focus-within{opacity:1;pointer-events:auto}.scroll-sequence__bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:var(--font-small-size)}.scroll-sequence__counter{margin:0;letter-spacing:var(--font-subheading-letter-spacing)}.scroll-sequence__progress{height:.2rem;background-color:rgba(var(--color-foreground),.2)}.scroll-sequence__progress span{display:block;height:100%;background-color:rgb(var(--color-foreground));transform:scaleX(var(--scroll-sequence-progress, 0));transform-origin:left}.scroll-sequence__end{display:block;outline:none}.scroll-sequence.is-scroll .scroll-sequence__track{height:calc(var(--scroll-sequence-stage-height) + var(--scroll-sequence-travel, 300vh))}.scroll-sequence.is-scroll .scroll-sequence__stage{position:sticky;top:var(--header-height, 0px)}.scroll-sequence--full .scroll-sequence__stage{height:var(--scroll-sequence-stage-height);min-height:56rem}.scroll-sequence--full .scroll-sequence__media{position:absolute;top:0;right:0;bottom:0;left:0}.scroll-sequence--full .scroll-sequence__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(var(--color-background),.65),transparent 47%,transparent 80%,rgba(var(--color-background),.45));pointer-events:none}.scroll-sequence--full .scroll-sequence__copy{position:relative;z-index:1;padding:3.8rem var(--page-padding) 0;text-align:center}.scroll-sequence--full .scroll-sequence__chapter .rich-text__text{margin-inline:auto}.scroll-sequence--full .scroll-sequence__bar{position:absolute;z-index:1;inset-inline:var(--page-padding);bottom:2.2rem;text-shadow:0 .1rem .8rem rgba(var(--color-background),.8)}.scroll-sequence--full .scroll-sequence__progress{position:absolute;z-index:1;inset-inline:0;bottom:0}.scroll-sequence--split .scroll-sequence__inner{display:grid;grid-template-areas:"media" "progress" "copy" "bar";row-gap:2.4rem}.scroll-sequence--split .scroll-sequence__media{grid-area:media;aspect-ratio:16 / 9}.scroll-sequence--split .scroll-sequence__progress{grid-area:progress;margin-block-start:-2.4rem}.scroll-sequence--split .scroll-sequence__copy{grid-area:copy}.scroll-sequence--split .scroll-sequence__bar{grid-area:bar}.scroll-sequence--split.is-scroll .scroll-sequence__stage{display:flex;align-items:center;height:var(--scroll-sequence-stage-height)}.scroll-sequence--split.is-scroll .scroll-sequence__inner{width:100%}@media(min-width:1024px){.scroll-sequence--split .scroll-sequence__inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:1fr auto auto;grid-template-areas:"media copy" "media bar" "progress .";column-gap:6rem;align-items:center}.scroll-sequence--split .scroll-sequence__bar{align-self:end}}.scroll-sequence.is-static .scroll-sequence__stage{height:auto;min-height:0}.scroll-sequence.is-static .scroll-sequence__chapters{row-gap:4rem}.scroll-sequence.is-static .scroll-sequence__chapter{grid-area:auto}.scroll-sequence.is-static .scroll-sequence__bar,.scroll-sequence.is-static .scroll-sequence__progress{display:none}.scroll-sequence--full.is-static .scroll-sequence__media{position:relative;height:70svh}.scroll-sequence--full.is-static .scroll-sequence__media:after{content:none}.scroll-sequence--full.is-static .scroll-sequence__copy{padding-block:4.8rem}@media(max-width:767.98px){.scroll-sequence--full .scroll-sequence__copy{padding-block-start:3.2rem}.scroll-sequence--full .scroll-sequence__bar{bottom:2rem}.scroll-sequence--full.is-static .scroll-sequence__media{height:56svh}.scroll-sequence--full.is-static .scroll-sequence__copy{padding-block:3.6rem}}@media(prefers-reduced-motion:reduce){.scroll-sequence__canvas,.scroll-sequence__video,.scroll-sequence__chapter{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-scroll-sequence.css.map */