html:has(scroll-animation){scroll-behavior:auto}.scroll-animation{--scroll-animation-background-colour: var(--kb-color-bg-taupe);--scroll-animation-text-colour: var(--colour-primary-black);--scroll-animation-eyebrow-colour: var(--colour-neutral-800);--scroll-animation-content-top: var(--scale-80);--scroll-animation-content-width: 580px;--scroll-animation-body-width: 460px;--scroll-animation-content-inline-padding: 32px;--scroll-animation-story-gap: var(--scale-14);--scroll-animation-paragraph-gap: var(--kb-scale-200);--scroll-animation-eyebrow-font-family: var(--font-family-tt-commons-pro);--scroll-animation-eyebrow-font-weight: var(--font-weight-medium);--scroll-animation-eyebrow-font-size: var(--font-size-desktop-14);--scroll-animation-eyebrow-line-height: var(--font-line-height-desktop-18);--scroll-animation-eyebrow-letter-spacing: var(--font-letter-spacing-2);--scroll-animation-heading-font-family: var(--font-family-sackers-gothic);--scroll-animation-heading-font-weight: var(--font-weight-medium);--scroll-animation-heading-font-size: var(--font-size-desktop-35);--scroll-animation-heading-line-height: var(--font-line-height-desktop-48);--scroll-animation-heading-letter-spacing: var(--font-letter-spacing-5-5);--scroll-animation-body-font-family: var(--font-family-tt-commons-pro);--scroll-animation-body-font-weight: var(--font-weight-regular);--scroll-animation-body-font-size: var(--font-size-desktop-20);--scroll-animation-body-line-height: var(--font-line-height-desktop-24);--scroll-animation-video-fit: cover;--scroll-animation-video-position: center;display:block;position:relative;background-color:var(--scroll-animation-background-colour);color:var(--scroll-animation-text-colour)}.scroll-animation__track{position:relative;height:calc((var(--scroll-animation-length, 5) + 1) * 100dvh)}.scroll-animation__sticky{position:sticky;top:0;width:100%;height:100dvh;overflow:hidden;background-color:var(--scroll-animation-background-colour);background-image:var(--scroll-animation-background-image, none);background-repeat:no-repeat;background-position:center;background-size:cover}.scroll-animation__animation{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none}.scroll-animation__animation.is-active{opacity:1;visibility:visible}.scroll-animation__sticky:not(:has(.scroll-animation__animation.is-active))>.shopify-block:first-child .scroll-animation__animation{opacity:1;visibility:visible}.scroll-animation__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.scroll-animation__video{display:block;width:100%;height:100%;object-fit:var(--scroll-animation-video-fit);object-position:var(--scroll-animation-video-position)}.scroll-animation__content{position:absolute;top:var(--scroll-animation-content-top);left:50%;z-index:1;width:100%;max-width:var(--scroll-animation-content-width);display:grid;transform:translate(-50%);pointer-events:none}.scroll-animation__content>.shopify-block{grid-area:1 / 1;width:100%}.scroll-animation__story{width:100%;max-width:var(--scroll-animation-content-width);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--scroll-animation-story-gap);text-align:center;opacity:0;visibility:hidden;will-change:opacity}.scroll-animation__story.is-active{opacity:1;visibility:visible}.scroll-animation__content:not(:has(.scroll-animation__story.is-active))>.shopify-block:first-child .scroll-animation__story{opacity:1;visibility:visible}.scroll-animation__eyebrow{width:100%;margin:0;color:var(--scroll-animation-eyebrow-colour);font-family:var(--scroll-animation-eyebrow-font-family);font-weight:var(--scroll-animation-eyebrow-font-weight);font-size:var(--scroll-animation-eyebrow-font-size);line-height:var(--scroll-animation-eyebrow-line-height);letter-spacing:var(--scroll-animation-eyebrow-letter-spacing);text-align:center;text-transform:uppercase}.scroll-animation__heading{width:100%;margin:0;color:var(--scroll-animation-text-colour);font-family:var(--scroll-animation-heading-font-family);font-weight:var(--scroll-animation-heading-font-weight);font-size:var(--scroll-animation-heading-font-size);line-height:var(--scroll-animation-heading-line-height);letter-spacing:var(--scroll-animation-heading-letter-spacing);text-align:center;text-transform:uppercase}.scroll-animation__heading p{margin:0}.scroll-animation__body{width:100%;max-width:var(--scroll-animation-body-width);margin:0 auto;color:var(--scroll-animation-text-colour);font-family:var(--scroll-animation-body-font-family);font-weight:var(--scroll-animation-body-font-weight);font-size:var(--scroll-animation-body-font-size);line-height:var(--scroll-animation-body-line-height);text-align:center}.scroll-animation__body p{margin:0}.scroll-animation__body p+p{margin-top:var(--scroll-animation-paragraph-gap)}@media screen and (max-width:989px){.scroll-animation{--scroll-animation-eyebrow-colour: var(--colour-secondary-taupe);--scroll-animation-content-inline-padding: 10px;--scroll-animation-content-width: 100%;--scroll-animation-body-width: 320px;--scroll-animation-story-gap: var(--scale-12);--scroll-animation-eyebrow-font-size: var(--font-size-mobile-11);--scroll-animation-eyebrow-line-height: var(--font-line-height-mobile-14);--scroll-animation-eyebrow-letter-spacing: var(--font-letter-spacing-1-5);--scroll-animation-heading-font-size: var(--font-size-mobile-16);--scroll-animation-heading-line-height: var(--font-line-height-mobile-22);--scroll-animation-heading-letter-spacing: var(--font-letter-spacing-2-5);--scroll-animation-body-font-size: var(--font-size-mobile-16);--scroll-animation-body-line-height: var(--font-line-height-mobile-20)}.scroll-animation__sticky{background-image:var( --scroll-animation-background-image-mobile, var(--scroll-animation-background-image, none) )}.scroll-animation__content{left:var(--scroll-animation-content-inline-padding);right:var(--scroll-animation-content-inline-padding);width:auto;max-width:none;transform:none}.scroll-animation__story{max-width:var(--scroll-animation-content-width)}.scroll-animation__body{letter-spacing:var(--font-letter-spacing-1)}}@media(prefers-reduced-motion:reduce){.scroll-animation__story{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scroll-animation.css.map */