.palpa-sponge-hero{--pssh-hero: 0;--pssh-a: 0;--pssh-b: 0;--pssh-panel: 0;position:relative;background-color:var(--pssh-bg, #d0d0d0);color:var(--pssh-text, #515151)}.pssh__track{height:var(--pssh-track, 280vh)}.pssh__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.pssh__enter{position:absolute;top:0;right:0;bottom:0;left:0}.pssh__enter--animate{animation:pssh-enter 1s var(--pssh-enter-delay, 0ms) both cubic-bezier(0,0,.3,1)}.pssh__hero--animate .pssh__subheading{animation:pssh-rise .7s calc(var(--pssh-enter-delay, 0ms) + .25s) both cubic-bezier(0,0,.3,1)}.pssh__hero--animate .pssh__heading{animation:pssh-rise .7s calc(var(--pssh-enter-delay, 0ms) + .4s) both cubic-bezier(0,0,.3,1)}.pssh__hero--animate .pssh__hero-cta{animation:pssh-rise .7s calc(var(--pssh-enter-delay, 0ms) + .55s) both cubic-bezier(0,0,.3,1)}@keyframes pssh-enter{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}@keyframes pssh-rise{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pssh__enter--animate,.pssh__hero--animate .pssh__subheading,.pssh__hero--animate .pssh__heading,.pssh__hero--animate .pssh__hero-cta{animation:none}}.pssh__media{position:absolute;width:var(--pssh-w, 106vw);aspect-ratio:var(--pssh-ar, 1.7917);transform-origin:var(--pssh-mcx, 50%) var(--pssh-mcy, 52%);-webkit-mask-image:var(--pssh-mask);mask-image:var(--pssh-mask);will-change:transform,opacity;left:calc(var(--x0) + (var(--x1) - var(--x0)) * var(--k));top:calc(var(--y0) + (var(--y1) - var(--y0)) * var(--k));opacity:calc(var(--o0) + (var(--o1) - var(--o0)) * var(--k));transform:translate(calc(-1 * var(--pssh-mcx, 50%)),calc(-1 * var(--pssh-mcy, 52%))) scale(calc(var(--s0) + (var(--s1) - var(--s0)) * var(--k)))}.pssh__media img{display:block;width:100%;height:100%;object-fit:cover}.pssh__media--a{--k: var(--pssh-a);--x0: 10vw;--y0: 12vh;--x1: -8vw;--y1: -8vh;--s0: 1;--s1: 1.08;--o0: 1;--o1: 0}.pssh__media--b{--k: var(--pssh-b);--x0: 90vw;--y0: 88vh;--x1: 71vw;--y1: 50vh;--s0: 1;--s1: var(--pssh-scale-end, .62);--o0: 1;--o1: 1}.pssh__copy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;padding:0 6vw;pointer-events:none}.pssh__copy>*{pointer-events:auto}.pssh__hero{justify-items:center;text-align:center;opacity:calc(1 - var(--pssh-hero));transform:translateY(calc(var(--pssh-hero) * -48px));will-change:transform,opacity}.pssh__panel{justify-items:start;text-align:left;padding-right:46vw;opacity:var(--pssh-panel);transform:translateY(calc((1 - var(--pssh-panel)) * 48px));will-change:transform,opacity}.pssh__panel[data-hidden=true],.pssh__hero[data-hidden=true]{visibility:hidden}.pssh__heading{max-width:min(var(--pssh-heading-width, 20ch),100%);margin:0;text-wrap:balance}.pssh__subheading{margin:0 0 1.2rem}.pssh__hero-cta{margin-top:var(--pssh-hero-cta-gap, 3rem)}.pssh__panel-heading{margin:0;max-width:16ch}.pssh__body{margin:1.2rem 0 0;max-width:46ch}.pssh__cta{margin-top:2rem}@media screen and (max-width:749px){.pssh__media{width:var(--pssh-w-mobile, 190vw)}.pssh__media--a{--x0: 16vw;--y0: 14vh;--x1: -10vw;--y1: -10vh}.pssh__media--b{--x0: 86vw;--y0: 88vh;--x1: 50vw;--y1: 32vh;--s1: var(--pssh-scale-end-mobile, .66)}.pssh__copy{padding:0 8vw}.pssh__panel{align-content:end;padding-right:8vw;padding-bottom:10vh;text-align:center;justify-items:center}.pssh__panel-heading,.pssh__body{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-palpa-sponge-hero.css.map */