.section-scroll-frame-story-animate{position:relative;z-index:0}.scroll-frame-story-animate{--scroll-frame-background: #0d1012;--scroll-frame-overlay: #000;--scroll-frame-overlay-opacity: .2;--scroll-frame-text: #fff;--scroll-frame-content-max: 1160px;--scroll-frame-focal-x: 50%;--scroll-frame-focal-y: 50%;display:block;position:relative;overflow:clip;background:var(--scroll-frame-background);color:var(--scroll-frame-text)}.scroll-frame-story-animate__stage{position:relative;min-height:100svh;overflow:clip;background:var(--scroll-frame-background);isolation:isolate}.scroll-frame-story-animate.is-enhanced{height:calc(100svh + (var(--scroll-frame-distance, 0) * 1px));overflow:visible}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__stage{position:sticky;top:0;height:100svh}.scroll-frame-story-animate__poster,.scroll-frame-story-animate__canvas,.scroll-frame-story-animate__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scroll-frame-story-animate__poster{z-index:0;margin:0;background:var(--scroll-frame-background)}.scroll-frame-story-animate__poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--scroll-frame-focal-x) var(--scroll-frame-focal-y)}.scroll-frame-story-animate[data-fit=contain] .scroll-frame-story-animate__poster img{object-fit:contain}.scroll-frame-story-animate__canvas{z-index:1;display:block;opacity:0;background:var(--scroll-frame-background);transition:opacity .16s ease-out}.scroll-frame-story-animate.is-canvas-ready .scroll-frame-story-animate__canvas{opacity:1}.scroll-frame-story-animate__overlay{z-index:2;pointer-events:none;background:var(--scroll-frame-overlay);opacity:var(--scroll-frame-overlay-opacity)}.scroll-frame-story-animate__stories{position:relative;z-index:3;display:grid;gap:4rem;width:min(100%,var(--scroll-frame-content-max));min-height:100svh;margin-inline:auto;padding:clamp(7rem,10vw,13rem) clamp(2rem,5vw,6rem)}.scroll-frame-story-animate__story{color:var(--story-text, var(--scroll-frame-text));text-align:var(--story-align, center)}.scroll-frame-story-animate__story-inner{position:relative;width:min(100%,var(--story-width, 680px));margin-inline:auto;text-shadow:0 2px 18px rgba(0,0,0,.55)}.scroll-frame-story-animate__story-inner.has-scrim{padding:clamp(2rem,4vw,4rem)}.scroll-frame-story-animate__story-inner.has-scrim:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border-radius:4px;background:var(--story-scrim, #000);opacity:var(--story-scrim-opacity, 0)}.scroll-frame-story-animate__eyebrow{margin:0 0 1.2rem;color:currentColor;font-family:var(--font-body-family);font-size:clamp(1.1rem,1.4vw,1.4rem);font-style:var(--font-body-style);font-weight:700;letter-spacing:0;line-height:1.3;text-transform:uppercase}.scroll-frame-story-animate__heading{max-width:18ch;margin:0;margin-inline:auto;color:currentColor;font-family:var(--font-heading-family);font-size:clamp(4rem,8vw,10rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:0;line-height:.9;overflow-wrap:anywhere;text-transform:uppercase}.scroll-frame-story-animate__story[data-horizontal=left] .scroll-frame-story-animate__heading,.scroll-frame-story-animate__story[data-horizontal=left] .scroll-frame-story-animate__story-inner{margin-left:0;margin-right:auto}.scroll-frame-story-animate__story[data-horizontal=right] .scroll-frame-story-animate__heading,.scroll-frame-story-animate__story[data-horizontal=right] .scroll-frame-story-animate__story-inner{margin-left:auto;margin-right:0}.scroll-frame-story-animate__body{max-width:42em;margin:2rem auto 0;color:currentColor;font-size:clamp(1.6rem,2vw,2.2rem);line-height:1.55}.scroll-frame-story-animate__story[data-horizontal=left] .scroll-frame-story-animate__body{margin-left:0}.scroll-frame-story-animate__story[data-horizontal=right] .scroll-frame-story-animate__body{margin-right:0}.scroll-frame-story-animate__body>:first-child{margin-top:0}.scroll-frame-story-animate__body>:last-child{margin-bottom:0}.scroll-frame-story-animate__button{margin-top:2.4rem;text-shadow:none}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__stories{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:min(100%,var(--scroll-frame-content-max));min-height:0;padding:0;pointer-events:none}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__story{--story-opacity: 0;--story-translate-x: 0px;--story-translate-y: 0px;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(7rem,10vw,13rem) clamp(2rem,5vw,6rem);pointer-events:none}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__story[data-horizontal=left]{justify-content:flex-start}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__story[data-horizontal=right]{justify-content:flex-end}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__story[data-vertical=top]{align-items:flex-start}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__story[data-vertical=bottom]{align-items:flex-end}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__story-inner{margin:0;opacity:var(--story-opacity);pointer-events:auto;transform:translate3d(var(--story-translate-x),var(--story-translate-y),0);will-change:opacity,transform}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__story.is-editor-selected .scroll-frame-story-animate__story-inner{opacity:1!important;transform:none!important}.scroll-frame-story-animate__loader{position:absolute;z-index:5;left:50%;bottom:clamp(2rem,5vw,5rem);display:none;align-items:center;gap:1rem;max-width:calc(100% - 4rem);padding:1rem 1.4rem;color:var(--scroll-frame-text);background:#0d1012c7;border:1px solid rgba(255,255,255,.25);border-radius:4px;font-size:1.3rem;line-height:1.3;transform:translate(-50%);transition:opacity .16s ease-out,visibility .16s ease-out}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__loader{display:flex}.scroll-frame-story-animate.is-ready .scroll-frame-story-animate__loader{opacity:0;visibility:hidden}.scroll-frame-story-animate__loader-mark{width:.8rem;height:.8rem;flex:0 0 auto;border-radius:50%;background:currentColor;animation:scroll-frame-story-pulse .9s ease-in-out infinite alternate}.scroll-frame-story-animate__editor-warning{position:absolute;z-index:6;right:2rem;bottom:2rem;left:2rem;max-width:72rem;margin:0 auto;padding:1.2rem 1.6rem;color:#171717;background:#f6c453;border:1px solid #171717;font-size:1.3rem;line-height:1.4;text-align:center}@keyframes scroll-frame-story-pulse{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:749px){.scroll-frame-story-animate__stories{gap:3rem;padding:7rem 2rem}.scroll-frame-story-animate.is-enhanced .scroll-frame-story-animate__story{padding:7rem 2rem}.scroll-frame-story-animate__heading{font-size:clamp(3.6rem,13vw,6.4rem)}.scroll-frame-story-animate__body{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.scroll-frame-story-animate,.scroll-frame-story-animate__canvas,.scroll-frame-story-animate__loader,.scroll-frame-story-animate__story-inner{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/scroll-frame-story-animate.css.map */