.scroll-color-story{--scroll-color-story-desktop-page-gutter: clamp(80px, 8vw, 240px);--scroll-color-story-desktop-width: min( clamp(var(--scroll-color-story-max-width, 1280px), 88vw, 1920px), calc(100vw - var(--scroll-color-story-desktop-page-gutter)) );--scroll-color-story-desktop-height: min(clamp(720px, 56.25vw, 980px), calc(100vh - 80px) );--scroll-color-story-desktop-min-height: min(620px, calc(100vh - 80px) );--scroll-color-story-intro-reveal: 1;--scroll-color-story-intro-copy-opacity: 1;--scroll-color-story-intro-copy-x: 0;--scroll-color-story-intro-copy-y: 0;--scroll-color-story-intro-body-x: 0;--scroll-color-story-intro-body-y: 0;--scroll-color-story-intro-scale: 1;--scroll-color-story-transition-shadow-opacity: 0;--scroll-color-story-transition-glow-opacity: 0;--scroll-color-story-transition-glow-scale: 1;--scroll-color-story-transition-glow-color: rgba(255, 255, 255, .22);position:relative;display:block;height:var(--scroll-color-story-height, 320vh);min-height:var(--scroll-color-story-min-height, 720px);overflow:clip;background:var(--scroll-color-story-current-bg, var(--scroll-color-story-initial-bg, var(--scroll-color-story-fallback-bg, #000)))}.scroll-color-story__root{display:block;height:100%}.scroll-color-story__sticky{position:sticky;top:0;width:100%;height:100vh;min-height:var(--scroll-color-story-min-height, 720px);isolation:isolate;overflow:hidden;background:var(--scroll-color-story-current-bg, var(--scroll-color-story-initial-bg, var(--scroll-color-story-fallback-bg, #000)))}.scroll-color-story__sticky:before,.scroll-color-story__sticky:after{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;pointer-events:none;z-index:0}.scroll-color-story__sticky:before{opacity:var(--scroll-color-story-transition-shadow-opacity, 0);background:radial-gradient(ellipse 92% 72% at 50% 51%,#0000,#00000009 34%,#0000002e 72%,#00000057),linear-gradient(112deg,#0000002e,#00000005 46%,#0003);filter:blur(10px);transform:translateZ(0)}.scroll-color-story__sticky:after{opacity:var(--scroll-color-story-transition-glow-opacity, 0);transform:scale(var(--scroll-color-story-transition-glow-scale, 1));transform-origin:center center;background:radial-gradient(ellipse 70% 48% at 50% 50%,var(--scroll-color-story-transition-glow-color, rgba(255, 255, 255, .22)) 0%,rgba(255,255,255,.1) 26%,rgba(255,255,255,.035) 44%,rgba(255,255,255,0) 70%),linear-gradient(104deg,#fff0 20%,#ffffff1c,#fff0 76%);filter:blur(34px);mix-blend-mode:screen}.scroll-color-story__track{position:relative;z-index:1;display:flex;width:100%;height:100%;will-change:transform;transform:translateZ(0)}.scroll-color-story__screen{flex:0 0 100%;position:relative;display:flex;align-items:center;width:100%;height:100%;min-height:var(--scroll-color-story-min-height, 720px);overflow:hidden;background:transparent;color:var(--screen-heading-color, #000);container-type:inline-size}.scroll-color-story__inner{position:relative;display:grid;align-items:center;width:var(--scroll-color-story-desktop-width);height:var(--scroll-color-story-desktop-height);min-height:var(--scroll-color-story-desktop-min-height);margin:0 auto;font-family:FT Terra,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scroll-color-story__screen--story-panel .scroll-color-story__inner{grid-template-columns:clamp(291px,20.2vw,420px) clamp(49px,3.4vw,72px) clamp(600px,41.7vw,860px) clamp(20px,1.4vw,32px) clamp(307px,21.3vw,440px);justify-content:start}.scroll-color-story__text-column{grid-column:1;display:flex;flex-direction:column;gap:52px;width:100%;align-self:center}.scroll-color-story__screen--center-split .scroll-color-story__inner{grid-template-columns:clamp(291px,20.2vw,420px) clamp(640px,44.4vw,920px) clamp(290px,20.1vw,420px);justify-content:space-between}.scroll-color-story__screen--image-left-card-right .scroll-color-story__inner{grid-template-columns:clamp(664px,46.1vw,960px) clamp(302px,21vw,430px);column-gap:clamp(96px,11.6vw,240px);justify-content:start}.scroll-color-story__screen--text-left-image-right .scroll-color-story__inner{grid-template-columns:clamp(292px,20.3vw,420px) clamp(754px,52.4vw,1080px);column-gap:clamp(80px,9.4vw,220px);justify-content:start}.scroll-color-story__copy,.scroll-color-story__body,.scroll-color-story__media,.scroll-color-story__side-card{opacity:.38;transform:translate3d(32px,0,0);transition:opacity .55s ease,transform .65s cubic-bezier(.22,1,.36,1)}.scroll-color-story__screen.is-active .scroll-color-story__copy,.scroll-color-story__screen.is-active .scroll-color-story__body,.scroll-color-story__screen.is-active .scroll-color-story__media,.scroll-color-story__screen.is-active .scroll-color-story__side-card{opacity:1;transform:translateZ(0)}.scroll-color-story__copy{display:flex;flex-direction:column;gap:7px;width:100%}.scroll-color-story__screen--story-panel .scroll-color-story__copy{width:100%;align-self:center;transform:translate3d(-32px,-22px,0)}.scroll-color-story__screen--story-panel .scroll-color-story__body--stacked{width:100%;transform:translate3d(-32px,18px,0)}.scroll-color-story__screen--center-split .scroll-color-story__copy{width:291px;align-self:center;transform:translate3d(-32px,-22px,0)}.scroll-color-story__screen--center-split .scroll-color-story__body--right{width:290px;justify-self:start}.scroll-color-story__screen--text-left-image-right .scroll-color-story__copy{width:292px;gap:0;align-self:center;transform:translate3d(-32px,0,0)}.scroll-color-story__screen--text-left-image-right .scroll-color-story__eyebrow+.scroll-color-story__heading{margin-top:7px}.scroll-color-story__screen--text-left-image-right .scroll-color-story__heading+.scroll-color-story__body{margin-top:23px}.scroll-color-story__screen.is-active.scroll-color-story__screen--center-split .scroll-color-story__copy,.scroll-color-story__screen.is-active.scroll-color-story__screen--text-left-image-right .scroll-color-story__copy,.scroll-color-story__screen.is-active.scroll-color-story__screen--story-panel .scroll-color-story__copy,.scroll-color-story__screen.is-active.scroll-color-story__screen--story-panel .scroll-color-story__body--stacked{transform:translateZ(0)}.scroll-color-story__screen:first-child.scroll-color-story__screen--center-split .scroll-color-story__copy,.scroll-color-story__screen:first-child.scroll-color-story__screen--story-panel .scroll-color-story__copy,.scroll-color-story__screen:first-child.scroll-color-story__screen--story-panel .scroll-color-story__body--stacked{opacity:var(--scroll-color-story-intro-copy-opacity, 1);transform:translate3d(var(--scroll-color-story-intro-copy-x, 0),var(--scroll-color-story-intro-copy-y, 0),0)}.scroll-color-story__screen:first-child.scroll-color-story__screen--center-split .scroll-color-story__body--right{opacity:var(--scroll-color-story-intro-copy-opacity, 1);transform:translate3d(var(--scroll-color-story-intro-body-x, 0),var(--scroll-color-story-intro-body-y, 0),0)}.scroll-color-story__screen:first-child.scroll-color-story__screen--center-split .scroll-color-story__media--primary,.scroll-color-story__screen:first-child.scroll-color-story__screen--story-panel .scroll-color-story__media--primary,.scroll-color-story__screen:first-child.scroll-color-story__screen--story-panel .scroll-color-story__media--secondary{z-index:2;opacity:1;transform:scale(var(--scroll-color-story-intro-scale, 1));transform-origin:center center}.scroll-color-story__eyebrow,.scroll-color-story__heading,.scroll-color-story__body{margin:0;letter-spacing:0}.scroll-color-story__eyebrow{color:var(--screen-eyebrow-color, #000);font-size:clamp(16px,1.25cqi,26px);font-weight:500;line-height:1.13}.scroll-color-story__heading{color:var(--screen-heading-color, #000);font-size:clamp(28px,2.5cqi,54px);font-weight:500;line-height:1.13}.scroll-color-story__heading--center{width:100%;font-size:clamp(34px,calc(42 / 1440 * 100cqi),60px);line-height:1.37;text-align:center}.scroll-color-story__body{color:var(--screen-body-color, #000);font-size:clamp(16px,1.25cqi,26px);font-weight:500;line-height:1.13}.scroll-color-story__body p{margin:0}.scroll-color-story__body--right{width:100%;align-self:center;transform:translate3d(32px,26px,0)}.scroll-color-story__screen.is-active .scroll-color-story__body--right{transform:translateZ(0)}.scroll-color-story__body--stacked{line-height:1.13}.scroll-color-story__body--center{width:100%;font-size:clamp(18px,calc(22 / 1440 * 100cqi),32px);font-weight:400;line-height:1.13;text-align:center}.scroll-color-story__media,.scroll-color-story__secondary-media{position:relative;display:block;overflow:hidden;border-radius:var(--scroll-color-story-radius, 0);background:var(--screen-media-bg, transparent)}.scroll-color-story__screen--center-split .scroll-color-story__media{width:100%;aspect-ratio:640 / 478}.scroll-color-story__screen--story-panel .scroll-color-story__media--primary{grid-column:3;width:100%;aspect-ratio:600 / 440}.scroll-color-story__screen--story-panel .scroll-color-story__media--secondary{grid-column:5;width:100%;aspect-ratio:307 / 440}.scroll-color-story__screen--image-left-card-right .scroll-color-story__media{width:100%;height:min(clamp(600px,41.7vw,860px),calc(100vh - 120px));min-height:min(clamp(520px,36vw,720px),calc(100vh - 140px))}.scroll-color-story__screen--text-left-image-right .scroll-color-story__media{width:100%;aspect-ratio:754 / 536}.scroll-color-story__picture,.scroll-color-story__image,.scroll-color-story__placeholder{display:block;width:100%;height:100%}.scroll-color-story__image,.scroll-color-story__placeholder{object-fit:cover}.scroll-color-story__screen--text-left-image-right .scroll-color-story__image{object-fit:fill}.scroll-color-story__placeholder{background:linear-gradient(135deg,#e8e8e8,#bdbdbd)}.scroll-color-story__side-card{display:grid;grid-template-rows:auto auto auto;align-content:start;width:302px;max-width:100%;min-height:553px;row-gap:42px}.scroll-color-story__secondary-media{width:293px;max-width:100%;aspect-ratio:293 / 361;justify-self:center}@media screen and (max-width:989px){.scroll-color-story__inner{width:calc(100vw - 48px);min-height:560px}.scroll-color-story__screen--story-panel .scroll-color-story__inner{grid-template-columns:minmax(0,1fr) minmax(220px,.78fr);gap:24px;align-content:center}.scroll-color-story__text-column{grid-column:1 / -1;max-width:360px}.scroll-color-story__screen--story-panel .scroll-color-story__media--primary{grid-column:1}.scroll-color-story__screen--story-panel .scroll-color-story__media--secondary{grid-column:2}.scroll-color-story__screen--center-split .scroll-color-story__inner,.scroll-color-story__screen--image-left-card-right .scroll-color-story__inner,.scroll-color-story__screen--text-left-image-right .scroll-color-story__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.scroll-color-story__screen--image-left-card-right .scroll-color-story__inner{column-gap:32px;justify-content:stretch}.scroll-color-story__screen--center-split .scroll-color-story__body--right{grid-column:1 / -1}.scroll-color-story__screen--image-left-card-right .scroll-color-story__media{min-height:460px}}@media screen and (max-width:749px){.scroll-color-story{--scroll-color-story-intro-reveal: 1;--scroll-color-story-intro-copy-opacity: 1;--scroll-color-story-intro-copy-x: 0;--scroll-color-story-intro-copy-y: 0;--scroll-color-story-intro-body-x: 0;--scroll-color-story-intro-body-y: 0;--scroll-color-story-intro-scale: 1;height:auto;min-height:0}.scroll-color-story__sticky{position:relative;height:auto;min-height:0}.scroll-color-story__sticky:before,.scroll-color-story__sticky:after{display:none}.scroll-color-story__track{display:block;transform:none!important}.scroll-color-story__screen{min-height:auto;height:auto;padding:56px 0;background:var(--screen-bg, #fff)}.scroll-color-story__inner,.scroll-color-story__screen--story-panel .scroll-color-story__inner,.scroll-color-story__screen--center-split .scroll-color-story__inner,.scroll-color-story__screen--image-left-card-right .scroll-color-story__inner,.scroll-color-story__screen--text-left-image-right .scroll-color-story__inner{display:flex;flex-direction:column;width:calc(100vw - 40px);height:auto;min-height:0;gap:28px}.scroll-color-story__screen--image-left-card-right .scroll-color-story__media,.scroll-color-story__screen--center-split .scroll-color-story__media,.scroll-color-story__screen--text-left-image-right .scroll-color-story__media,.scroll-color-story__screen--story-panel .scroll-color-story__media--primary{width:100%;height:auto;min-height:0;aspect-ratio:4 / 3}.scroll-color-story__screen--story-panel .scroll-color-story__media--secondary{width:min(56vw,240px);align-self:center;aspect-ratio:307 / 440}.scroll-color-story__copy,.scroll-color-story__body,.scroll-color-story__media,.scroll-color-story__side-card,.scroll-color-story__screen--center-split .scroll-color-story__copy,.scroll-color-story__screen--text-left-image-right .scroll-color-story__copy,.scroll-color-story__screen--story-panel .scroll-color-story__copy,.scroll-color-story__screen--story-panel .scroll-color-story__body--stacked,.scroll-color-story__body--right{opacity:1;transform:none}.scroll-color-story__text-column{gap:24px;max-width:none}.scroll-color-story__eyebrow{font-size:16px}.scroll-color-story__heading,.scroll-color-story__heading--center{font-size:32px;line-height:1.16;text-align:left}.scroll-color-story__body,.scroll-color-story__body--center{font-size:16px;line-height:1.35;text-align:left}.scroll-color-story__side-card{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:0;gap:24px}.scroll-color-story__secondary-media{width:min(78vw,320px);align-self:center}}@media(prefers-reduced-motion:reduce){.scroll-color-story__track,.scroll-color-story__copy,.scroll-color-story__body,.scroll-color-story__media,.scroll-color-story__side-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/section-scroll-color-story.css.map */