.m-scatter{--sc-p: 0;--sc-vh: 100vh;--sc-track: var(--sc-track-desktop, 420vh);--sc-pa: clamp(0, calc(var(--sc-p) * var(--sc-rate-a, 2)), 1);--sc-pb: clamp(0, calc((var(--sc-p) - var(--sc-split, .55)) * var(--sc-rate-b, 2.22)), 1)}.m-scatter__stage{position:relative;height:var(--sc-track)}.m-scatter__frame{position:sticky;top:0;height:var(--sc-vh);overflow:hidden;display:grid;place-items:center;isolation:isolate;background-color:rgb(var(--color-background))}.m-scatter__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--sc-bg, none)}.m-scatter__bg img{width:100%;height:100%;object-fit:cover;display:block}.m-scatter__bg img.m-scatter__bg--mobile{display:none}.m-scatter__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--sc-scrim-color, #000);opacity:var(--sc-scrim, 0);pointer-events:none}.m-scatter__text{grid-area:1 / 1;position:relative;z-index:1;width:100%;max-width:var(--sc-text-width, 900px);padding-inline:20px;text-align:var(--sc-align, center);pointer-events:none;opacity:calc(clamp(0,calc((var(--sc-pa) - var(--sc-text-start, 0)) * var(--sc-text-rate, 2)),1)*(1 - clamp(0,calc(var(--sc-pb) * var(--sc-textout-rate, 4)),1)))}.m-scatter__text>*{pointer-events:auto}.m-scatter__eyebrow{margin:0 0 var(--sc-eyebrow-gap, 14px);letter-spacing:var(--sc-eyebrow-tracking, .12em);text-transform:var(--sc-eyebrow-transform, uppercase);font-weight:600;color:var(--sc-eyebrow-color, rgb(var(--color-foreground)))}.m-scatter__heading{margin:0;color:var(--sc-heading-color, rgb(var(--color-heading)));overflow-wrap:break-word;text-wrap:balance}.m-scatter__body{margin:var(--sc-body-gap, 18px) auto 0;max-width:var(--sc-body-width, 46ch)}.m-scatter__body.rte{color:var(--sc-body-color, rgb(var(--color-foreground)))}.m-scatter__body.rte p,.m-scatter__body.rte li,.m-scatter__body.rte span,.m-scatter__body.rte strong,.m-scatter__body.rte em{color:inherit}.m-scatter[data-align=left] .m-scatter__body{margin-inline:0}.m-scatter__body>:first-child{margin-top:0}.m-scatter__body>:last-child{margin-bottom:0}.m-scatter__button{margin-top:26px}.m-scatter__cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.m-scatter__card{--c-p: clamp(0, calc((var(--sc-pa) - var(--c-start, 0)) * var(--c-rate, 1)), 1);position:absolute;left:50%;top:50%;margin:0;width:min(calc(var(--c-w, 26) * 1vw),calc(var(--c-max, 460) * 1px));aspect-ratio:var(--c-ar, 1 / 1);border-radius:var(--sc-radius, 14px);overflow:hidden;pointer-events:auto;z-index:var(--c-z, 5);box-shadow:var(--sc-shadow, none);transform:translate(-50%,-50%) translate(calc(var(--c-x, 0) * var(--c-p) * 1vw),calc(var(--c-y, 0) * var(--c-p) * 1vh)) rotate(calc(var(--c-rot, 0) * var(--c-p) * 1deg)) scale(calc(var(--c-s0, .3) + (var(--c-s1, 1) - var(--c-s0, .3)) * var(--c-p)));opacity:calc(clamp(0,calc(var(--c-p) * var(--c-in-rate, 6.6)),1) * (1 - var(--c-exit, 1) * clamp(0,calc((var(--c-p) - var(--c-out-start, .75)) * var(--c-out-rate, 4)),1)));will-change:transform,opacity}.m-scatter__card img{width:100%;height:100%;object-fit:cover;display:block}.m-scatter__card a{display:block;width:100%;height:100%}.m-scatter__card img.m-scatter__card-media--mobile{display:none}.m-scatter__reveal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;overflow:hidden;width:calc(var(--sc-rv-w, 220) * 1px + (100% - var(--sc-rv-w, 220) * 1px) * var(--sc-pb));height:calc(var(--sc-rv-w, 220) * 1px + (var(--sc-vh) - var(--sc-rv-w, 220) * 1px) * var(--sc-pb));border-radius:calc(50% * (1 - var(--sc-pb)) + var(--sc-rv-r, 0) * var(--sc-pb) * 1px);opacity:clamp(0,calc(var(--sc-pb) * 14),1);will-change:width,height,border-radius}.m-scatter__reveal-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:var(--sc-vh);display:grid;place-items:center}.m-scatter__reveal-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.m-scatter__reveal-media img,.m-scatter__reveal-media video{width:100%;height:100%;object-fit:cover;display:block}.m-scatter__reveal-media img.m-scatter__reveal--mobile{display:none}.m-scatter__reveal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--sc-rv-scrim-color, #000);opacity:var(--sc-rv-scrim, 0);pointer-events:none}.m-scatter__reveal-text{grid-area:1 / 1;position:relative;z-index:2;width:100%;max-width:var(--sc-rv-text-width, 1000px);padding-inline:20px;text-align:center}.m-scatter__reveal-eyebrow{margin:0 0 var(--sc-rv-eyebrow-gap, 14px);letter-spacing:var(--sc-eyebrow-tracking, .12em);text-transform:var(--sc-eyebrow-transform, uppercase);font-weight:600;color:var(--sc-rv-eyebrow-color, var(--sc-rv-color, #fff))}.m-scatter__reveal-heading{margin:0;color:var(--sc-rv-heading-color, var(--sc-rv-color, #fff));overflow-wrap:break-word;text-wrap:balance}.m-scatter__reveal-body{margin:var(--sc-rv-body-gap, 18px) auto 0;max-width:var(--sc-rv-body-width, 46ch)}.m-scatter__reveal-body.rte{color:var(--sc-rv-body-color, var(--sc-rv-color, #fff))}.m-scatter__reveal-body.rte p,.m-scatter__reveal-body.rte li,.m-scatter__reveal-body.rte span,.m-scatter__reveal-body.rte strong,.m-scatter__reveal-body.rte em{color:inherit}.m-scatter__reveal-body>:first-child{margin-top:0}.m-scatter__reveal-body>:last-child{margin-bottom:0}.m-scatter__reveal-button{margin-top:26px}@media(max-width:767px){.m-scatter{--sc-track: var(--sc-track-mobile, 320vh);--sc-vh: 100svh}.m-scatter__card{width:min(calc(var(--c-w-m, var(--c-w, 26)) * 1vw),calc(var(--c-max-m, 300) * 1px))}.m-scatter__card[data-mobile=false]{display:none}.m-scatter__reveal{width:calc(var(--sc-rv-w-m, 150) * 1px + (100% - var(--sc-rv-w-m, 150) * 1px) * var(--sc-pb));height:calc(var(--sc-rv-w-m, 150) * 1px + (var(--sc-vh) - var(--sc-rv-w-m, 150) * 1px) * var(--sc-pb))}.m-scatter__bg img.m-scatter__bg--desktop:not(:only-child){display:none}.m-scatter__bg img.m-scatter__bg--mobile{display:block}.m-scatter__card img.m-scatter__card-media--desktop:not(:only-child){display:none}.m-scatter__card img.m-scatter__card-media--mobile{display:block}.m-scatter__reveal-media img.m-scatter__reveal--desktop:not(:only-child){display:none}.m-scatter__reveal-media img.m-scatter__reveal--mobile{display:block}}@media(prefers-reduced-motion:reduce){.m-scatter__stage{height:auto}.m-scatter__frame{position:relative;height:var(--sc-static-height, 80vh)}.m-scatter__card,.m-scatter__reveal{will-change:auto}.m-scatter__reveal-media video{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/scatter-reveal.css.map */