.sodii-split-story{position:relative;isolation:isolate;width:100%;min-height:var(--sodii-story-desktop-height, 100svh);overflow:hidden;color:var(--sodii-story-text-color, #000);background:#eee}.sodii-split-story__media-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sodii-split-story__media{position:relative;min-width:0;min-height:0;overflow:hidden;background:#eee}.sodii-split-story__asset,.sodii-split-story__placeholder,.sodii-split-story__placeholder svg{display:block;width:100%;height:100%}.sodii-split-story__asset{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center}.sodii-split-story__video-poster{z-index:0}.sodii-split-story__video{z-index:1}.sodii-split-story__placeholder{color:#d3d3d3;background:#f4f4f4}.sodii-split-story__placeholder svg{object-fit:cover}.sodii-split-story__shade{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--sodii-story-overlay-color, #000);opacity:var(--sodii-story-overlay-opacity, 0)}.sodii-split-story__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,3vw,48px);width:min(100%,calc(var(--sodii-story-content-width, 820px) + 64px));min-height:var(--sodii-story-desktop-height, 100svh);margin-inline:auto;padding:64px 32px;text-align:center}.sodii-split-story__heading{margin:0;color:inherit;font-family:var(--font-heading--family);font-size:var(--sodii-story-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-story__description{max-width:var(--sodii-story-content-width, 820px);font-family:var(--font-paragraph--family);font-size:var(--sodii-story-body-size, 20px);line-height:1.25;text-wrap:pretty}.sodii-split-story__description>*{margin:0}.sodii-split-story__button{display:grid;place-items:center;width:min(100%,var(--sodii-story-button-width, 380px));min-height:76px;padding:16px 28px;color:var(--sodii-story-button-text, #fff);background:var(--sodii-story-button-background, #000);border-radius:var(--sodii-story-button-radius, 16px);font-family:var(--font-paragraph--family);font-size:clamp(18px,1.5vw,28px);line-height:1;text-align:center;text-decoration:none;transition:filter var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}.sodii-split-story__button:not([aria-disabled=true]):hover{filter:brightness(1.15);transform:translateY(-1px)}.sodii-split-story__button:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.sodii-split-story__button[aria-disabled=true]{cursor:default}@media screen and (max-width:749px){.sodii-split-story{min-height:var(--sodii-story-mobile-height, 100svh)}.sodii-split-story__media-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.sodii-split-story__content{gap:24px;min-height:var(--sodii-story-mobile-height, 100svh);padding:40px 20px}.sodii-split-story__heading{font-size:var(--sodii-story-heading-size-mobile, 52px)}.sodii-split-story__description{font-size:var(--sodii-story-body-size-mobile, 16px)}.sodii-split-story__button{width:min(100%,var(--sodii-story-button-width, 380px));min-height:60px;font-size:18px}}@media(prefers-reduced-motion:reduce){.sodii-split-story__video{display:none}.sodii-split-story__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/sodii-split-story.css.map */