.scroll-fade-story{display:block;padding-block:var(--scroll-fade-padding-top) var(--scroll-fade-padding-bottom);background:var(--color-background);color:var(--color-foreground)}.scroll-fade-story__sticky{position:relative}.scroll-fade-story__scene{position:relative;display:grid;min-height:calc(100svh - var(--site-header-offset, 0px));overflow:hidden;background:var(--color-background);color:var(--color-foreground);isolation:isolate}.scroll-fade-story__media,.scroll-fade-story__media picture,.scroll-fade-story__overlay,.scroll-fade-story__content-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.scroll-fade-story__media{z-index:-3;background:var(--color-background-secondary)}.scroll-fade-story__media picture{display:block;width:100%;height:100%}.scroll-fade-story__image,.scroll-fade-story__video{display:block;width:100%;height:100%;object-fit:var(--scroll-scene-media-fit)}.scroll-fade-story__overlay{z-index:-2;background:var(--scroll-scene-overlay-color);opacity:var(--scroll-scene-overlay-opacity);pointer-events:none}.scroll-fade-story__content-wrap{z-index:1;display:flex;width:min(100% - (var(--page-margin) * 2),var(--page-width));height:100%;margin-inline:auto;padding-block:var(--scroll-fade-content-padding);pointer-events:none}.scroll-fade-story__scene--vertical-top .scroll-fade-story__content-wrap{align-items:flex-start}.scroll-fade-story__scene--vertical-center .scroll-fade-story__content-wrap{align-items:center}.scroll-fade-story__scene--vertical-bottom .scroll-fade-story__content-wrap{align-items:flex-end}.scroll-fade-story__scene--horizontal-left .scroll-fade-story__content-wrap{justify-content:flex-start}.scroll-fade-story__scene--horizontal-center .scroll-fade-story__content-wrap{justify-content:center}.scroll-fade-story__scene--horizontal-right .scroll-fade-story__content-wrap{justify-content:flex-end}.scroll-fade-story__content{display:grid;width:min(100%,var(--scroll-fade-content-width));justify-items:start;gap:var(--space-4);pointer-events:auto}.scroll-fade-story__scene--horizontal-center .scroll-fade-story__content{justify-items:center;text-align:center}.scroll-fade-story__scene--horizontal-right .scroll-fade-story__content{justify-items:end;text-align:right}.scroll-fade-story__eyebrow,.scroll-fade-story__heading,.scroll-fade-story__text :is(p,ul,ol){margin:0}.scroll-fade-story__heading{text-wrap:pretty}.scroll-fade-story__eyebrow{font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height);letter-spacing:var(--type-label-letter-spacing);text-transform:var(--type-label-transform)}.scroll-fade-story__text{max-width:58ch;font-size:var(--type-body-large-size);line-height:var(--type-body-large-line-height);letter-spacing:var(--type-body-large-letter-spacing)}.scroll-fade-story__actions{display:flex;width:100%;margin-top:var(--space-2);flex-wrap:wrap;gap:var(--space-3)}.scroll-fade-story__scene--horizontal-center .scroll-fade-story__actions{justify-content:center}.scroll-fade-story__scene--horizontal-right .scroll-fade-story__actions{justify-content:flex-end}.scroll-fade-story__hint{position:absolute;z-index:4;right:var(--page-margin);bottom:var(--space-6);display:inline-flex;color:var(--color-foreground);align-items:center;gap:var(--space-3);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height);pointer-events:none}.scroll-fade-story__hint-line{display:block;width:40px;height:var(--border-width-hairline);overflow:hidden;background:color-mix(in srgb,currentcolor 28%,transparent)}.scroll-fade-story__hint-line:after{display:block;width:100%;height:100%;background:currentcolor;content:"";transform-origin:left;animation:scroll-fade-hint 1.8s var(--motion-ease-standard) infinite}.scroll-fade-story.is-enhanced{height:calc(var(--scroll-fade-distance) * 1svh);min-height:calc(160svh + var(--scroll-fade-padding-top) + var(--scroll-fade-padding-bottom))}.scroll-fade-story.is-enhanced .scroll-fade-story__sticky{position:sticky;top:var(--site-header-offset, 0px);height:calc(100svh - var(--site-header-offset, 0px));overflow:hidden;background:var(--color-background);isolation:isolate}.scroll-fade-story.is-enhanced .scroll-fade-story__scene{position:absolute;min-height:0;top:0;right:0;bottom:0;left:0;will-change:opacity}.scroll-fade-story.is-enhanced .scroll-fade-story__scene--hero{z-index:1;opacity:var(--scroll-fade-hero-opacity, 1)}.scroll-fade-story.is-enhanced .scroll-fade-story__scene--reveal{z-index:2;opacity:var(--scroll-fade-reveal-opacity, 0);pointer-events:none}.scroll-fade-story.is-enhanced .scroll-fade-story__scene--reveal.is-interactive{pointer-events:auto}.scroll-fade-story.is-enhanced .scroll-fade-story__scene--hero .scroll-fade-story__content{transform:translate3d(0,var(--scroll-fade-hero-translate, 0px),0)}.scroll-fade-story.is-enhanced .scroll-fade-story__scene--reveal .scroll-fade-story__content{transform:translate3d(0,var(--scroll-fade-reveal-translate, 28px),0)}.scroll-fade-story.is-enhanced .scroll-fade-story__scene--hero .scroll-fade-story__media{transform:scale(var(--scroll-fade-hero-media-scale, 1))}.scroll-fade-story.is-enhanced .scroll-fade-story__scene--reveal .scroll-fade-story__media{transform:scale(var(--scroll-fade-reveal-media-scale, 1.025))}.scroll-fade-story.is-enhanced .scroll-fade-story__content,.scroll-fade-story.is-enhanced .scroll-fade-story__media{will-change:transform}.scroll-fade-story.is-enhanced .scroll-fade-story__hint{opacity:var(--scroll-fade-hero-opacity, 1)}@keyframes scroll-fade-hint{0%{transform:scaleX(0);transform-origin:left}45%{transform:scaleX(1);transform-origin:left}55%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@media(max-width:749px){.scroll-fade-story{padding-block:var(--scroll-fade-padding-top-mobile) var(--scroll-fade-padding-bottom-mobile)}.scroll-fade-story__content-wrap{width:calc(100% - (var(--page-margin) * 2));padding-block:var(--scroll-fade-content-padding-mobile)}.scroll-fade-story__content{width:100%;gap:var(--space-3)}.scroll-fade-story__scene--mobile-left .scroll-fade-story__content{justify-items:start;text-align:left}.scroll-fade-story__scene--mobile-center .scroll-fade-story__content{justify-items:center;text-align:center}.scroll-fade-story__scene--mobile-center .scroll-fade-story__actions{justify-content:center}.scroll-fade-story__actions{align-items:stretch;gap:var(--space-2)}.scroll-fade-story__actions .button{width:100%}.scroll-fade-story__hint{right:var(--page-margin);bottom:var(--space-4)}.scroll-fade-story.is-enhanced{height:calc(var(--scroll-fade-distance-mobile) * 1svh)}}@media(prefers-reduced-motion:reduce){.scroll-fade-story,.scroll-fade-story.is-enhanced{height:auto;min-height:0}.scroll-fade-story.is-enhanced .scroll-fade-story__sticky{position:relative;top:auto;height:auto;overflow:visible}.scroll-fade-story.is-enhanced .scroll-fade-story__scene{position:relative;min-height:calc(100svh - var(--site-header-offset, 0px));opacity:1;inset:auto}.scroll-fade-story.is-enhanced .scroll-fade-story__scene--reveal{pointer-events:auto}.scroll-fade-story.is-enhanced .scroll-fade-story__content,.scroll-fade-story.is-enhanced .scroll-fade-story__media{transform:none;will-change:auto}.scroll-fade-story__hint{display:none}.scroll-fade-story__hint-line:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-scroll-fade-story.css.map */