.story-scroll{position:relative;height:var(--story-track-height, 250vh)}.story-scroll__sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;background-color:var(--story-bg, #e69443)}.story-side-image{position:absolute;z-index:2;overflow:hidden;border-radius:16px;border:2px solid #2c1700;will-change:transform;pointer-events:none}.story-side-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.story-side-image--top-left{top:8%;left:12%}.story-side-image--top-right{top:8%;right:12%}.story-side-image--bottom-left{bottom:8%;left:12%}.story-side-image--bottom-right{bottom:8%;right:12%}.story-side-image--portrait{width:clamp(140px,16vw,280px);aspect-ratio:3 / 4}.story-side-image--landscape{width:clamp(200px,25vw,380px);aspect-ratio:4 / 3}@media screen and (min-width:1200px){.story-side-image--portrait{width:clamp(160px,14vw,240px)}.story-side-image--landscape{width:clamp(200px,20vw,320px)}}.story-scroll__heading-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:0 24px}.story-scroll__label--light{font-family:var(--font-isidora);font-weight:600;font-size:24px;color:var(--story-label-light, #f8f5e9);margin:0 0 12px;display:block}.story-scroll__heading--light{font-family:var(--font-isidora);font-weight:700;font-size:36px;line-height:1.15;color:var(--story-heading-light, #f8f5e9);margin:0;max-width:640px}@media screen and (min-width:750px){.story-scroll__heading--light{font-size:46px}}.story-scroll__bg-description{margin-top:2rem;width:min(520px,86vw);text-align:center;opacity:0;pointer-events:none;flex-shrink:0}.story-scroll__bg-description .story-scroll__description{color:var(--story-label-light, #f8f5e9)}.story-scroll__bg-description .story-scroll__description>*{color:inherit}.story-scroll__bg-description .story-scroll__btn{pointer-events:none}.story-scroll__bg-description--visible{opacity:1;transition:opacity .5s ease .3s}.story-scroll__cream{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background-color:var(--story-cream, #e9e6ca);clip-path:circle(0% at 50% 50%);will-change:clip-path;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.story-scroll__reveal-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.story-scroll__reveal-bg img{width:100%;height:100%;object-fit:var(--reveal-img-size, cover);object-position:var(--reveal-img-pos, center center);display:block;opacity:var(--reveal-img-opacity, 1);filter:var(--reveal-img-filter, none);mix-blend-mode:var(--reveal-img-blend, normal)}.story-scroll__cream-texture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.story-scroll__cream-texture img{width:100%;height:100%;object-fit:cover;opacity:.25;mix-blend-mode:multiply}.story-scroll__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;pointer-events:none}.story-scroll__heading-fg{display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;width:100%}.story-scroll__label--dark{font-family:var(--font-isidora);font-weight:600;font-size:24px;color:var(--story-label-dark, #2c1700);margin:0 0 12px;display:block}.story-scroll__heading--dark{font-family:var(--font-isidora);font-weight:700;font-size:36px;line-height:1.15;color:var(--story-heading-dark, #2c1700);margin:0;max-width:640px}@media screen and (min-width:750px){.story-scroll__heading--dark{font-size:46px}}.story-scroll__reveal{margin-top:2rem;transform:translateY(3rem);opacity:0;z-index:4;text-align:center;width:min(520px,86vw);pointer-events:none;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease}.story-scroll__reveal--visible{transform:translateY(0);opacity:1;pointer-events:auto}.story-scroll__description{font-family:var(--font-isidora);font-weight:400;font-size:16px;line-height:1.7;color:var(--story-description-color, #2c1700);margin:0 0 24px}@media screen and (min-width:750px){.story-scroll__description{font-size:18px}}.story-scroll__description>*{margin:0 0 12px}.story-scroll__description>*:last-child{margin-bottom:0}.story-scroll__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:100px;font-family:var(--font-isidora);font-weight:700;font-size:16px;text-transform:uppercase;text-decoration:none;background-color:var(--story-btn-bg, #2c1700);color:var(--story-btn-color, #fef10d);border:1px solid var(--story-btn-bg, #2c1700);transition:opacity .2s ease;line-height:1}.story-scroll__btn:hover{opacity:.8}@media screen and (max-width:749px){.story-scroll{height:auto}.story-scroll__sticky{position:relative;height:auto;overflow:visible}.story-scroll__heading-bg{display:none}.story-scroll__cream{position:relative;inset:auto;clip-path:none;-webkit-mask-image:none;mask-image:none;will-change:auto;overflow:visible;display:flex;flex-wrap:wrap;flex-direction:row;align-items:stretch;gap:12px;padding:24px 16px;box-sizing:border-box}.story-scroll__reveal-bg,.story-scroll__cream-texture{display:none}.story-side-image{display:block;position:relative;top:auto;right:auto;bottom:auto;left:auto;transform:none;will-change:auto;flex-shrink:0}.story-side-image--portrait,.story-side-image--landscape{width:calc(50% - 6px);aspect-ratio:4 / 3}.story-side-image--top-left{order:1}.story-side-image--top-right{order:2}.story-scroll__content{order:3}.story-side-image--bottom-left{order:4}.story-side-image--bottom-right{order:5}.story-scroll__content{position:relative;inset:auto;width:100%;padding:20px 8px;pointer-events:auto}.story-scroll__heading--dark{font-size:28px}.story-scroll__reveal{transform:none;opacity:1;pointer-events:auto;margin-top:16px;width:100%}}@media screen and (min-width:750px)and (max-width:989px){.story-side-image--portrait{width:clamp(100px,13vw,180px)}.story-side-image--landscape{width:clamp(130px,18vw,240px)}}@media(prefers-reduced-motion:reduce){.story-scroll{height:auto}.story-scroll__sticky{position:relative;height:auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px}.story-scroll__cream{clip-path:none;-webkit-mask-image:none!important;mask-image:none!important;position:relative;inset:auto;padding:60px 32px;width:min(680px,90vw);border-radius:20px}.story-scroll__heading-bg,.story-side-image{display:none}.story-scroll__reveal{position:relative;bottom:auto;left:auto;transform:none;opacity:1;pointer-events:auto;margin-top:24px;width:100%}}@keyframes story-img-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media screen and (min-width:750px){@keyframes story-img-enter{0%{opacity:0}to{opacity:1}}}.story-side-image--entered{animation:story-img-enter .7s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay, 0s)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-story-scroll.css.map */