.sequence{position:relative;min-block-size:var(--track, 300svh)}.sequence__scene{position:sticky;top:0;display:block;block-size:100svh;overflow:clip}.sequence__stage{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-background, #000)}.sequence__poster,.sequence__video,.sequence__canvas{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;display:block}.sequence__poster{z-index:0}.sequence__video,.sequence__canvas{z-index:1;opacity:0;transition:opacity .24s ease}.sequence__scene.is-ready .sequence__video,.sequence__scene.is-ready .sequence__canvas{opacity:1}.sequence__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgb(0 0 0 / calc(var(--sequence-fade, 40%) * .7)),rgb(0 0 0 / calc(var(--sequence-fade, 40%) * .35)) 45%,rgb(0 0 0 / var(--sequence-fade, 40%)))}.sequence__captions{position:relative;z-index:3;block-size:100%;display:grid}.sequence__caption{grid-area:1 / 1;align-self:center;inline-size:min(100% - (var(--page-margin) * 2),var(--page-width));margin-inline:auto;display:flex;flex-direction:column;align-items:start;gap:var(--space-4);text-shadow:0 1px 10px rgb(0 0 0 / 70%),0 0 34px rgb(0 0 0 / 45%)}.sequence__caption--centre{align-items:center;text-align:center}.sequence__caption--end{align-items:flex-end;text-align:end}.sequence__heading{margin:0;max-inline-size:18ch}.sequence__text{max-inline-size:46ch}.sequence__caption--centre .sequence__text{margin-inline:auto}.sequence__link{color:inherit;text-underline-offset:.35em}@supports (animation-timeline: view()){.sequence{view-timeline-name:--sequence;view-timeline-axis:block}.sequence__caption{opacity:0;translate:0 var(--space-6);animation:sequence-caption linear both;animation-timeline:--sequence;animation-range:contain var(--from) contain var(--to)}}@keyframes sequence-caption{0%{opacity:0;translate:0 var(--space-6)}18%{opacity:1;translate:0 0}78%{opacity:1;translate:0 0}to{opacity:0;translate:0 calc(var(--space-6) * -1)}}@media(prefers-reduced-motion:reduce){.sequence{min-block-size:0}.sequence__scene{position:static;block-size:auto}.sequence__stage{position:relative;aspect-ratio:16 / 9}.sequence__captions{display:grid;gap:var(--space-12);padding-block:var(--space-16);inline-size:min(100% - (var(--page-margin) * 2),var(--page-width));margin-inline:auto}.sequence__caption{grid-area:auto;opacity:1;translate:none;animation:none;text-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/scroll-sequence.css.map */