.sticky-story{--sticky-bg: #f7f7f7;--sticky-text: #1a1a1a;--sticky-accent: #666666;--sticky-muted: #999999;background-color:var(--sticky-bg);color:var(--sticky-text);width:100%}.sticky-story__wrapper{display:flex;gap:.5rem;position:relative;align-items:flex-start;min-height:100vh}.sticky-story__sticky-col{flex:0 0 50%;width:50%;position:sticky;top:0;height:100vh;align-self:flex-start;z-index:10}.sticky-story__sticky-col.is-sticky{position:fixed;top:0}.sticky-story__sticky-col.is-bottom{position:absolute;top:auto;bottom:0}.sticky-story__sticky-image{width:100%;height:100%;overflow:hidden}.sticky-story__scroll-col{display:flex;flex-direction:column;align-items:flex-start;flex:0 0 50%;width:50%;margin-left:auto;padding-bottom:20vh;position:relative}.sticky-story__img{width:100%;height:100%;object-fit:cover;display:block}.sticky-story__img--parallax{height:110%;will-change:transform;transform:translateZ(0);transform-style:preserve-3d}.sticky-story__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8e8e8,#d4d4d4)}.sticky-story__hero-image{width:100%;height:90vh;overflow:hidden}.sticky-story__small-image{flex:0 0 auto;width:12vw;height:12vw;margin-top:7.5vw;overflow:hidden;opacity:0;transform:translateY(40px) scale(.95);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.sticky-story__small-image.is-visible{opacity:1;transform:translateY(0) scale(1)}.sticky-story__small-image--right{align-self:flex-end;margin-right:10vw}.sticky-story__medium-image{flex:0 0 auto;align-self:flex-end;width:60%;height:60vh;margin-top:13.5vh;position:relative;overflow:hidden;opacity:0;transform:translate(40px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.sticky-story__medium-image.is-visible{opacity:1;transform:translate(0)}.sticky-story__text-block{display:flex;flex-direction:column;align-items:flex-start;gap:2.8vw;margin-top:10vw;margin-left:4vw;margin-right:2rem;opacity:0;transform:translate(-50px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.sticky-story__text-block.is-visible{opacity:1;transform:translate(0)}.sticky-story__tagline{display:inline-block;padding:4px 12px;background-color:var(--sticky-accent);border-radius:6rem;color:#fff;font-size:.8vw;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sticky-story__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.667vw;max-width:36vw}.sticky-story__content--narrow{max-width:34vw}.sticky-story__heading{font-size:3vw;font-weight:500;line-height:1;margin:0;color:var(--sticky-text)}.sticky-story__heading-accent{color:var(--sticky-accent);display:block}.sticky-story__paragraphs{display:flex;flex-direction:column;align-items:flex-start;gap:1vw;max-width:30vw}.sticky-story__paragraph{font-size:1.1vw;line-height:1.6;margin:0;color:var(--sticky-text);opacity:.85}@media screen and (max-width: 991px){.sticky-story__tagline{font-size:1rem}.sticky-story__heading{font-size:2.7rem;line-height:1.2}.sticky-story__paragraph{font-size:1.125rem}.sticky-story__content,.sticky-story__content--narrow{max-width:none}.sticky-story__paragraphs{gap:1rem;max-width:none}}@media screen and (max-width: 767px){.sticky-story__wrapper{flex-direction:column;gap:2.5rem;width:100%}.sticky-story__sticky-col{width:100%;height:50vh;position:relative;top:auto;bottom:auto}.sticky-story__scroll-col{width:100%;margin-left:0;padding-bottom:0}.sticky-story__hero-image{height:50vh}.sticky-story__text-block{gap:1rem;margin-top:4rem;margin-left:2rem;margin-right:2rem}.sticky-story__heading{font-size:2.5rem}.sticky-story__paragraph{font-size:1rem}.sticky-story__paragraphs{max-width:none}.sticky-story__small-image{width:10rem;height:10rem;margin-top:4rem;margin-right:4rem}.sticky-story__medium-image{margin-top:6rem;width:80%;height:40vh}}@media screen and (max-width: 479px){.sticky-story__wrapper{gap:1.5rem}.sticky-story__sticky-col,.sticky-story__hero-image{height:40vh}.sticky-story__text-block{gap:1rem;margin-top:3rem;margin-left:1rem;margin-right:1rem}.sticky-story__tagline{font-size:.6rem;padding:4px 10px}.sticky-story__heading{font-size:2.2rem;line-height:1.1}.sticky-story__content{gap:1.5rem}.sticky-story__paragraph{font-size:.95rem;line-height:1.5}.sticky-story__small-image{width:8rem;height:8rem;margin-top:3rem;margin-right:2rem}.sticky-story__medium-image{width:85%;height:35vh;margin-top:4rem}}.sticky-story__sticky-image:hover .sticky-story__img,.sticky-story__hero-image:hover .sticky-story__img,.sticky-story__small-image:hover .sticky-story__img,.sticky-story__medium-image:hover .sticky-story__img{transform:scale(1.03)}.sticky-story__sticky-image .sticky-story__img,.sticky-story__hero-image .sticky-story__img,.sticky-story__small-image .sticky-story__img:not(.sticky-story__img--parallax),.sticky-story__medium-image .sticky-story__img:not(.sticky-story__img--parallax){transition:transform .9s cubic-bezier(.22,1,.36,1)}.sticky-story__scroll-col .sticky-story__text-block:nth-child(2){transition-delay:.1s}.sticky-story__scroll-col .sticky-story__small-image:nth-of-type(1){transition-delay:.15s}.sticky-story__scroll-col .sticky-story__medium-image{transition-delay:.2s}.sticky-story__scroll-col .sticky-story__text-block:nth-child(5){transition-delay:.25s}.sticky-story__scroll-col .sticky-story__small-image:nth-of-type(2){transition-delay:.3s}@media print{.sticky-story__sticky-col{position:relative;height:auto}.sticky-story__wrapper{flex-direction:column}.sticky-story__sticky-col,.sticky-story__scroll-col{width:100%}.sticky-story__img--parallax{height:100%;transform:none!important}}@media (prefers-reduced-motion: reduce){.sticky-story__img--parallax{transform:none!important}.sticky-story__text-block,.sticky-story__small-image,.sticky-story__medium-image{opacity:1;transform:none!important;transition:none!important}.sticky-story__sticky-image .sticky-story__img,.sticky-story__hero-image .sticky-story__img,.sticky-story__small-image .sticky-story__img,.sticky-story__medium-image .sticky-story__img{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-sticky-story.css.map */