.scroll-story{position:relative}.scroll-story__track{position:relative;width:100%}.scroll-story__stage{position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden}.scroll-story__block{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform,opacity;opacity:0;box-sizing:border-box}.scroll-story__block.is-active{pointer-events:auto}.scroll-story__block[data-block-type=text]{pointer-events:none}.scroll-story__block[data-block-type=text] .scroll-story__text-wrap{pointer-events:auto}.scroll-story__block[data-block-type=button]{pointer-events:none}.scroll-story__block[data-block-type=button] .scroll-story__button-wrap{pointer-events:auto}.scroll-story__video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ss-video-bg, #000);border-radius:var(--ss-video-radius, 0px);overflow:hidden}.scroll-story__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--ss-video-fit, cover)}@media screen and (max-width:749px){.scroll-story__video{object-fit:var(--ss-video-fit-mobile, cover)}}.scroll-story__image-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:var(--ss-image-radius, 0px)}@media screen and (max-width:749px){.scroll-story__image-wrap{border-radius:var(--ss-image-radius-mobile, var(--ss-image-radius, 0px))}}.scroll-story__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--ss-image-fit, cover);display:block}@media screen and (max-width:749px){.scroll-story__image{object-fit:var(--ss-image-fit-mobile, var(--ss-image-fit, cover))}}.scroll-story__text-wrap{position:relative;max-width:var(--ss-text-max-width, 60vw);width:100%;padding:var(--ss-text-padding, 2vw);text-align:var(--ss-text-align, center);display:flex;flex-direction:column;gap:0}.scroll-story__text-heading{color:var(--ss-heading-color, #ffffff);font-size:var(--ss-heading-size, clamp(1.5rem, 3.5vw, 4rem));font-family:var(--ss-heading-font, sans-serif);font-weight:var(--ss-heading-weight, 400);font-style:var(--ss-heading-style, normal);text-align:var(--ss-heading-align, center);margin:0 0 var(--ss-heading-spacing, 1vw) 0;line-height:1.15}.scroll-story__text-body{color:var(--ss-body-color, #ffffff);font-size:var(--ss-body-size, clamp(.875rem, 1.25vw, 1.25rem));font-family:var(--ss-body-font, sans-serif);font-weight:var(--ss-body-weight, 400);font-style:var(--ss-body-style, normal);text-align:var(--ss-body-align, center);margin:0 0 var(--ss-body-spacing, 1.5vw) 0;line-height:1.6;white-space:var(--ss-body-whitespace, normal)}@media screen and (max-width:749px){.scroll-story__text-wrap{max-width:var(--ss-text-max-width-mobile, 90vw);padding:var(--ss-text-padding-mobile, 5vw)}.scroll-story__text-heading{font-size:var(--ss-heading-size-mobile, clamp(1.25rem, 6vw, 2.5rem));margin-bottom:var(--ss-heading-spacing-mobile, var(--ss-heading-spacing, 1vw))}.scroll-story__text-body{font-size:var(--ss-body-size-mobile, clamp(.8rem, 3.5vw, 1.1rem));margin-bottom:var(--ss-body-spacing-mobile, var(--ss-body-spacing, 1.5vw))}}.scroll-story__button-wrap{position:relative;text-align:var(--ss-btn-align, center);width:100%;padding:var(--ss-btn-padding-outer, 2vw)}.scroll-story__button{display:inline-block;padding:var(--ss-btn-padding-v, .75vh) var(--ss-btn-padding-h, 1.5vw);background-color:var(--ss-btn-bg, #a82d00);color:var(--ss-btn-color, #ffffff);font-size:var(--ss-btn-font-size, clamp(.8rem, 1.1vw, 1.1rem));font-family:var(--ss-btn-font, sans-serif);font-weight:var(--ss-btn-weight, 400);text-decoration:none;border-radius:var(--ss-btn-radius, 4px);border:var(--ss-btn-border-width, 0px) solid var(--ss-btn-border-color, transparent);cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.scroll-story__button:hover{background-color:var(--ss-btn-bg-hover, #8a2400);color:var(--ss-btn-color-hover, #ffffff);border-color:var(--ss-btn-border-color-hover, transparent)}@media screen and (max-width:749px){.scroll-story__button-wrap{padding:var(--ss-btn-padding-outer-mobile, 5vw)}.scroll-story__button{font-size:var(--ss-btn-font-size-mobile, clamp(.8rem, 3.5vw, 1rem));padding:var(--ss-btn-padding-v-mobile, var(--ss-btn-padding-v, .75vh)) var(--ss-btn-padding-h-mobile, var(--ss-btn-padding-h, 1.5vw))}}.scroll-story__block[data-block-type=overlay]{display:block}.scroll-story__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ss-overlay-bg, #000000);opacity:var(--ss-overlay-opacity, .4);pointer-events:none}.scroll-story__carousel-wrap{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:var(--ss-carousel-padding, 3vw);background-color:var(--ss-carousel-bg, #000000);box-sizing:border-box}.scroll-story__carousel-inner{width:var(--ss-carousel-width, 100%);max-width:100%;margin:0 auto}.scroll-story__carousel-heading{font-size:var(--ss-carousel-heading-size, clamp(1.1rem, 2vw, 2rem));color:var(--ss-carousel-heading-color, #ffffff);text-align:var(--ss-carousel-heading-align, center);margin-bottom:var(--ss-carousel-heading-margin, 1vw);font-family:var(--ss-carousel-heading-font, sans-serif);font-weight:var(--ss-carousel-heading-weight, 400);font-style:var(--ss-carousel-heading-style, normal);text-decoration:var(--ss-carousel-heading-decoration, none);line-height:1.2}.scroll-story__carousel-body{font-size:var(--ss-carousel-body-size, clamp(.8rem, 1.1vw, 1.1rem));color:var(--ss-carousel-body-color, #ffffff);text-align:var(--ss-carousel-body-align, center);margin-bottom:var(--ss-carousel-body-margin, 1.5vw);font-family:var(--ss-carousel-body-font, sans-serif);font-weight:var(--ss-carousel-body-weight, 400);font-style:var(--ss-carousel-body-style, normal);line-height:1.5;white-space:var(--ss-carousel-body-whitespace, normal)}.scroll-story__carousel-viewport{overflow:hidden;width:100%}.scroll-story__carousel-track{display:flex;gap:var(--ss-carousel-gap, 1vw);transition:transform .1s linear;will-change:transform}.scroll-story__carousel-item{flex:0 0 calc((100% - (var(--ss-carousel-items, 4) - 1) * var(--ss-carousel-gap, 1vw)) / var(--ss-carousel-items, 4));position:relative;overflow:hidden;border-radius:var(--ss-carousel-item-radius, 8px);background-color:var(--ss-carousel-item-bg, #000000);height:var(--ss-carousel-item-height, 30vh)}.scroll-story__carousel-item-link{display:block;text-decoration:none;color:inherit;position:relative;height:100%}.scroll-story__carousel-image-wrap{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--ss-carousel-placeholder-bg, #111)}.scroll-story__carousel-image{width:100%;height:100%;object-fit:var(--ss-carousel-image-fit, cover);display:block}.scroll-story__carousel-text-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--ss-carousel-text-padding, 1.25vw);background:var(--ss-carousel-overlay-bg, rgba(0,0,0,.5));color:var(--ss-carousel-text-color, #ffffff);font-size:var(--ss-carousel-text-size, clamp(.75rem, 1vw, 1rem));font-family:var(--ss-carousel-overlay-font, sans-serif);text-align:var(--ss-carousel-text-align, center);transition:background .3s ease}.scroll-story__carousel-item-link:hover .scroll-story__carousel-text-overlay{background:var(--ss-carousel-overlay-bg-hover, rgba(0,0,0,.7))}.scroll-story__carousel-text-only{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--ss-carousel-text-padding, 1.25vw);background:var(--ss-carousel-text-only-bg, #a82d00);color:var(--ss-carousel-text-color, #ffffff);font-size:var(--ss-carousel-text-size, clamp(.75rem, 1vw, 1rem));font-family:var(--ss-carousel-overlay-font, sans-serif);text-align:var(--ss-carousel-text-align, center);display:flex;align-items:center;justify-content:center;transition:background .3s ease}.scroll-story__carousel-item-link:hover .scroll-story__carousel-text-only{background:var(--ss-carousel-text-only-bg-hover, #8a2400)}.scroll-story__carousel-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--ss-carousel-placeholder-bg, #111)}.scroll-story__carousel-placeholder svg{width:60%;height:60%;opacity:.3}@media screen and (max-width:749px){.scroll-story__carousel-item{flex:0 0 calc((100% - (var(--ss-carousel-items-mobile, 1) - 1) * var(--ss-carousel-gap-mobile, var(--ss-carousel-gap, 1vw))) / var(--ss-carousel-items-mobile, 1));height:var(--ss-carousel-item-height-mobile, var(--ss-carousel-item-height, 30vh))}.scroll-story__carousel-wrap{padding:var(--ss-carousel-padding-mobile, 5vw)}.scroll-story__carousel-track{gap:var(--ss-carousel-gap-mobile, var(--ss-carousel-gap, 1vw))}.scroll-story__carousel-text-overlay,.scroll-story__carousel-text-only{font-size:var(--ss-carousel-text-size-mobile, clamp(.75rem, 3.5vw, 1rem));padding:var(--ss-carousel-text-padding-mobile, var(--ss-carousel-text-padding, 1.25vw))}}.scroll-story__sequence{width:100%;height:100%;position:relative}.scroll-story__sequence canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}.scroll-story__debug{position:fixed;bottom:1rem;right:1rem;background:#000000bf;color:#0f8;font-family:monospace;font-size:.75rem;padding:.5rem .75rem;border-radius:4px;z-index:9999;pointer-events:none}@media(prefers-reduced-motion:reduce){.scroll-story__block{opacity:1!important;transform:none!important}.scroll-story__carousel-track{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/scroll-story.css.map */