.story-showcase{--story-gap: 2.4rem;--story-radius: var(--border-radius-block, 24px);--progress: 0;--story-final-inset: 2rem}@media(min-width:1200px){.story-showcase{--story-final-inset: 3.6rem}}.story-showcase{--story-scale: 1;--stage-vw: 100vw;--stage-vh: 100vh;--tile-outer-w: 20rem;--tile-outer-h: 26.7rem;--tile-inner-w: 28.8rem;--tile-inner-h: 38.4rem;--tile-center-w: 50rem;--tile-center-h: 66.7rem;--tile-travel: calc(var(--stage-vw) * .6);--slide-flip: 1}.story-showcase:dir(rtl){--slide-flip: -1}@supports not selector(:dir(rtl)){[dir=rtl] .story-showcase{--slide-flip: -1}}.story-showcase{overflow:clip}.story-showcase__stage{position:relative;height:250vh;--center-box-w: calc( var(--tile-center-w) * var(--story-scale) + (var(--stage-vw) - var(--story-final-inset) * 2 - var(--tile-center-w) * var(--story-scale)) * var(--progress) );--center-box-h: calc( var(--tile-center-h) * var(--story-scale) + (var(--stage-vh) - var(--story-final-inset) * 2 - var(--tile-center-h) * var(--story-scale)) * var(--progress) );--story-reveal: clamp(0, (var(--progress) - var(--story-start, .6)) / (.92 - var(--story-start, .6)), 1)}.story-showcase-images{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center}.story-showcase-images__row{position:relative;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;height:100%;gap:calc(var(--story-gap) * var(--story-scale))}.story-showcase-image{position:relative;flex:0 0 auto;--slide-dir: 0;--tile-w: calc(var(--tile-outer-w) * var(--story-scale));--tile-h: calc(var(--tile-outer-h) * var(--story-scale));display:none}.story-showcase-image--edge-left{--slide-dir: -1}.story-showcase-image--edge-right{--slide-dir: 1}.story-showcase-image--inner{display:block;--tile-w: calc(var(--tile-inner-w) * var(--story-scale));--tile-h: calc(var(--tile-inner-h) * var(--story-scale))}.story-showcase-image--center{display:block;z-index:1;--tile-w: var(--center-box-w);--tile-h: var(--center-box-h)}@media(min-width:990px){.story-showcase-image{display:block}}.story-showcase-image:not(.story-showcase-image--center){transform:translate(calc(var(--slide-dir) * var(--slide-flip) * var(--progress) * var(--tile-travel)));opacity:calc(1 - var(--progress) * 1.4)}.story-showcase-image__media{position:relative;width:var(--tile-w);height:var(--tile-h);border-radius:var(--story-radius);overflow:hidden}.story-showcase-image__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.story-showcase-image .placeholder-svg{width:100%;height:100%;background-color:rgb(var(--color-background-secondary))}.story-showcase-story{position:sticky;top:0;height:100vh;margin-top:-100vh;z-index:2;display:flex;align-items:center;justify-content:center;padding:2.4rem;color:rgb(var(--color-foreground));background-color:transparent;opacity:var(--story-reveal);pointer-events:none}@media(min-width:990px){.story-showcase-story{padding:4rem}}.story-showcase-story .block-description>*{margin-left:auto;margin-right:auto}.story-showcase-story .block-description ul,.story-showcase-story .block-description ol{width:-moz-max-content;width:max-content}.story-showcase-story .countdown-timer__timer,.story-showcase-story .countdown-timer__intro,.story-showcase-story .countdown-timer__end{margin:auto}.story-showcase-story .block-button{margin-top:.8rem}.story-showcase--story-visible .story-showcase-story__inner{pointer-events:auto}.story-showcase-story__overlay-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--center-box-w);height:var(--center-box-h);border-radius:var(--story-radius);--media-overlay-radius: var(--story-radius);overflow:hidden;pointer-events:none;z-index:0}.story-showcase-story__inner{position:relative;z-index:1;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2.4rem;max-width:79.6rem;padding:2rem;margin-inline:auto;text-align:center}@media(prefers-reduced-motion:reduce){.story-showcase__stage{height:auto}.story-showcase-images{position:static;height:auto;padding-bottom:7.2rem}.story-showcase-images__row{flex-wrap:wrap;height:auto;padding-inline:2rem}}@media(prefers-reduced-motion:reduce)and (min-width:1200px){.story-showcase-images__row{padding-inline:3.6rem}}@media(prefers-reduced-motion:reduce){.story-showcase-image{display:block}}@media(prefers-reduced-motion:reduce)and (max-width:989px){.story-showcase-image{width:calc(50% - var(--story-gap) / 2);--tile-w: 100%;--tile-h: auto}.story-showcase-image__media{aspect-ratio:3/4}}@media(prefers-reduced-motion:reduce){.story-showcase-story__overlay-box{display:none}.story-showcase-story{position:static;height:auto;margin-top:var(--story-gap);margin-inline:2rem;opacity:1;pointer-events:auto;padding:4.8rem 2.4rem;background-color:rgba(var(--color-overlay),.4);backdrop-filter:blur(3rem);-webkit-backdrop-filter:blur(3rem);border-radius:var(--story-radius)}}@media(prefers-reduced-motion:reduce)and (min-width:1200px){.story-showcase-story{margin-inline:3.6rem}}@media(prefers-reduced-motion:reduce){.story-showcase-story__inner{pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-story-showcase.css.map */