.sodii-split-parallax{position:relative;display:block;height:var(--sodii-parallax-track-height, 220svh);background:#eee}.sodii-split-parallax__stage{position:sticky;top:0;isolation:isolate;width:100%;height:var(--sodii-parallax-stage-height, 100svh);overflow:hidden;color:var(--sodii-parallax-text-color, #fff);background:#eee;border-radius:var(--sodii-parallax-stage-radius, 0)}.sodii-split-parallax__media-grid{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sodii-split-parallax__media{position:relative;min-width:0;min-height:0;overflow:hidden;background:#eee}.sodii-split-parallax__asset,.sodii-split-parallax__placeholder,.sodii-split-parallax__placeholder svg{display:block;width:100%;height:100%}.sodii-split-parallax__asset{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center}.sodii-split-parallax__video-poster{z-index:0}.sodii-split-parallax__video{z-index:1}.sodii-split-parallax__placeholder{color:#d3d3d3;background:#f4f4f4}.sodii-split-parallax__placeholder svg{object-fit:cover}.sodii-split-parallax__shade{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--sodii-parallax-overlay-color, #000);opacity:var(--sodii-parallax-overlay-opacity, .2)}.sodii-split-parallax__product{position:absolute;z-index:2;top:50%;left:var(--sodii-parallax-product-x, 50%);width:min(var(--sodii-parallax-product-width, 220px),36vw);pointer-events:none;transform:translate3d(-50%,calc(-50% + var(--sodii-parallax-product-offset, 0px)),0) rotate(var(--sodii-parallax-product-rotation, 10deg));transform-origin:center;will-change:transform}.sodii-split-parallax__product-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sodii-split-parallax__content{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,2.4vw,36px);width:min(100%,calc(var(--sodii-parallax-content-width, 1000px) + 64px));margin-inline:auto;padding:64px 32px 140px;text-align:center;pointer-events:none}.sodii-split-parallax__heading{margin:0;color:inherit;font-family:var(--font-heading--family);font-size:var(--sodii-parallax-heading-size, 104px);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);letter-spacing:-.04em;line-height:.95;text-wrap:balance}.sodii-split-parallax__description{max-width:var(--sodii-parallax-content-width, 1000px);font-family:var(--font-paragraph--family);font-size:var(--sodii-parallax-body-size, 20px);line-height:1.25;text-wrap:pretty}.sodii-split-parallax__description>*{margin:0}.sodii-split-parallax__button{display:grid;min-width:min(100%,260px);min-height:64px;padding:16px 28px;place-items:center;color:var(--sodii-parallax-button-text, #fff);background:var(--sodii-parallax-button-background, #000);border-radius:var(--sodii-parallax-button-radius, 40px);font-family:var(--font-paragraph--family);font-size:18px;line-height:1;text-align:center;text-decoration:none;pointer-events:auto;transition:filter var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}.sodii-split-parallax__button:not([aria-disabled=true]):hover{filter:brightness(1.15);transform:translateY(-1px)}.sodii-split-parallax__button:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.sodii-split-parallax__button[aria-disabled=true]{cursor:default}@supports ((background-clip: text) or (-webkit-background-clip: text)){.sodii-split-parallax--text-gradient .sodii-split-parallax__heading,.sodii-split-parallax--text-gradient .sodii-split-parallax__description{color:transparent;background-image:var(--sodii-parallax-text-gradient);background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sodii-split-parallax--text-gradient .sodii-split-parallax__description *{color:inherit}}@media screen and (min-width:750px){.sodii-split-parallax[data-sodii-with-details] .sodii-split-parallax__stage{height:max(1px,calc(100svh - var(--sodii-parallax-details-height)))}.sodii-split-parallax-section+.sodii-product-details-strip-section[data-sodii-parallax-companion]{position:relative;z-index:4;height:calc(var(--sodii-parallax-companion-track-height) + var(--sodii-parallax-companion-height));margin-top:calc(-1 * var(--sodii-parallax-companion-track-height));pointer-events:none}.sodii-product-details-strip-section[data-sodii-parallax-companion] .sodii-product-details-strip{position:sticky;top:calc(100svh - var(--sodii-parallax-companion-height));z-index:1;pointer-events:auto}}@media screen and (max-width:749px){.sodii-split-parallax{height:var(--sodii-parallax-track-height-mobile, var(--sodii-parallax-track-height, 220vh))}.sodii-split-parallax__stage{height:var(--sodii-parallax-stage-height-mobile, 100svh)}.sodii-split-parallax__media-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.sodii-split-parallax__product{left:var(--sodii-parallax-product-x-mobile, 50%);width:min(var(--sodii-parallax-product-width-mobile, 140px),50vw)}.sodii-split-parallax__content{gap:20px;padding:40px 20px 110px}.sodii-split-parallax__heading{font-size:var(--sodii-parallax-heading-size-mobile, 52px)}.sodii-split-parallax__description{font-size:var(--sodii-parallax-body-size-mobile, 16px)}.sodii-split-parallax__button{min-height:56px;font-size:16px}}@media(prefers-reduced-motion:reduce){.sodii-split-parallax__video{display:none}.sodii-split-parallax__product{will-change:auto}.sodii-split-parallax__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/sodii-split-story-parallax.css.map */
