.section--scroll-video{padding:0}body:has(.section--scroll-video){overflow-x:clip}.scroll-video{display:block;position:relative;height:var(--scroll-video-travel, 400vh)}@media screen and (max-width:749px){.scroll-video{height:var(--scroll-video-travel-mobile, var(--scroll-video-travel, 400vh))}background-color: rgb(var(--color-background))}.scroll-video__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.scroll-video__video,.scroll-video__placeholder,.scroll-video__placeholder svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--scroll-video-position, center center)}.scroll-video__video--mobile{display:none}@media screen and (max-width:749px){.scroll-video--two-sources .scroll-video__video--desktop{display:none}.scroll-video--two-sources .scroll-video__video--mobile{display:block}}.scroll-video__wash{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-overlay),var(--color-overlay-opacity));opacity:0;transition:opacity var(--duration-long) ease;pointer-events:none}.scroll-video.has-active .scroll-video__wash{opacity:1}.scroll-video__chapter{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scroll-video__card{position:absolute;left:clamp(2rem,var(--x, 10%),calc(100% - 2rem));top:clamp(2rem,var(--y, 50%),calc(100% - 2rem));transform:translate(calc(var(--x, 10%) * -1),calc(var(--y, 50%) * -1));width:min(var(--card-width, 50rem),calc(100% - 4rem))}.scroll-video__chapter--left{text-align:start}.scroll-video__chapter--center{text-align:center}.scroll-video__chapter--right{text-align:end}.scroll-video__inner{display:flex;flex-direction:column;gap:1.6rem;opacity:0;transform:translateY(2rem);transition:opacity var(--duration-long) ease,transform var(--duration-long) ease}.scroll-video__chapter.is-active{pointer-events:auto}.scroll-video__chapter.is-active .scroll-video__inner{opacity:1;transform:none}.scroll-video__body{display:flex;flex-direction:column;gap:1.6rem;min-width:0}.scroll-video__subheading{margin:0;color:rgba(var(--color-foreground),.75)}.scroll-video__heading{margin:0;line-height:1}.scroll-video__text{color:rgb(var(--color-foreground))}.scroll-video__button{align-self:flex-start;margin-top:.8rem}.scroll-video__chapter--center .scroll-video__button{align-self:center}.scroll-video__chapter--right .scroll-video__button{align-self:flex-end}@media screen and (max-width:749px){.scroll-video__chapter--m-bottom .scroll-video__card,.scroll-video__chapter--m-center .scroll-video__card{left:2rem;right:2rem;width:auto;transform:none}.scroll-video__chapter--m-bottom .scroll-video__card{top:auto;bottom:calc(6rem + var(--mobile-dock-height, 0px))}.scroll-video:has(.scroll-video__cue) .scroll-video__chapter--m-bottom .scroll-video__card{bottom:calc(13rem + var(--mobile-dock-height, 0px))}.scroll-video__chapter--m-center .scroll-video__card{top:50%;transform:translateY(-50%)}}.scroll-video__image{flex:0 0 auto;width:var(--image-width, 50%);max-width:100%}.scroll-video__chapter--center .scroll-video__image{margin-inline:auto}.scroll-video__chapter--right .scroll-video__image{margin-inline-start:auto}.scroll-video__image img{display:block;width:100%;height:auto;border-radius:var(--card-radius, 0)}@media screen and (min-width:750px){.scroll-video__inner--beside{flex-direction:row;align-items:center;gap:3rem}.scroll-video__inner--beside .scroll-video__image{margin-inline:0;order:2}.scroll-video__chapter--right .scroll-video__inner--beside .scroll-video__image{order:0}.scroll-video__inner--beside .scroll-video__body{flex:1 1 0}}.scroll-video__image--floating img{padding:.8rem;background-color:rgb(var(--color-foreground));border-radius:var(--card-radius, 0);box-shadow:0 2.4rem 6rem #00000059;transform:rotate(-2deg)}.scroll-video__chapter--right .scroll-video__image--floating img{transform:rotate(2deg)}.scroll-video__image--floating{opacity:0;transform:translateY(2rem);transition:opacity var(--duration-long) ease .15s,transform var(--duration-long) ease .15s}.scroll-video__chapter.is-active .scroll-video__image--floating{opacity:1;transform:none}.scroll-video__cue{position:absolute;inset-inline:0;bottom:2.4rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;color:rgb(var(--color-foreground));text-shadow:0 .1rem 1.2rem rgba(0,0,0,.45);pointer-events:none;transition:opacity var(--duration-long) ease}.scroll-video__cue .caption-with-letter-spacing{font-size:1.2rem;color:inherit}.scroll-video__cue.is-done{opacity:0}@media screen and (max-width:749px){.scroll-video__cue{bottom:calc(2rem + var(--mobile-dock-height, 0px))}}.scroll-video__cue-line{position:relative;width:.2rem;height:6.4rem;border-radius:.1rem;background-color:rgba(var(--color-foreground),.35);overflow:hidden}.scroll-video__cue-line:after{content:"";position:absolute;inset-inline:0;top:0;height:2.4rem;border-radius:.1rem;background-color:rgb(var(--color-highlight));box-shadow:0 0 1.2rem rgba(var(--color-highlight),.9);animation:scroll-video-cue 1.6s cubic-bezier(.45,0,.55,1) infinite}@keyframes scroll-video-cue{0%{transform:translateY(-2.4rem)}to{transform:translateY(6.4rem)}}.scroll-video__dots{position:absolute;inset-inline-end:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.2rem;pointer-events:none}.scroll-video__dot{width:.6rem;height:.6rem;border-radius:50%;background-color:rgba(var(--color-foreground),.35);transition:transform var(--duration-default) ease,background-color var(--duration-default) ease}.scroll-video__dot.is-active{background-color:rgb(var(--color-highlight));transform:scale(1.6)}.scroll-video__dot.is-passed{background-color:rgba(var(--color-foreground),.7)}@media screen and (max-width:749px){.scroll-video__dots{inset-inline-end:1.2rem;gap:1rem}}.scroll-video.is-fallback{height:auto}.scroll-video.is-fallback .scroll-video__stage{position:relative}.scroll-video.is-fallback .scroll-video__cue,.scroll-video.is-fallback .scroll-video__dots{display:none}@media(prefers-reduced-motion:reduce){.scroll-video__card,.scroll-video__image--floating,.scroll-video__wash,.scroll-video__cue{transition:none}.scroll-video__cue-line:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-scroll-video.css.map */