.ct-vertical-story{padding-top:var(--ct-vertical-story-padding-top, 0px);padding-bottom:var(--ct-vertical-story-padding-bottom, 0px);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.ct-vertical-story__shell,.ct-vertical-story__desktop{position:relative}.ct-vertical-story__sticky{position:sticky;top:var(--ct-vertical-story-effective-top, var(--ct-vertical-story-top, 0px));height:calc(100svh - var(--ct-vertical-story-effective-top, var(--ct-vertical-story-top, 0px)));overflow:hidden}.ct-vertical-story__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3.6rem;height:100%;align-items:stretch}.ct-vertical-story__copy-column{position:relative;height:100%;display:flex;align-items:center;padding-top:0;padding-bottom:0}.ct-vertical-story__copy-stack{position:relative;display:grid;width:min(100%,920px);padding-right:3rem}.ct-vertical-story__copy-item{grid-area:1 / 1;display:flex;align-items:flex-start;opacity:0;visibility:hidden;pointer-events:none;transform:none;transition:opacity .35s ease,visibility .35s ease}.ct-vertical-story__copy-item.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}.ct-vertical-story__copy-inner{width:100%;max-width:var(--ct-vertical-story-copy-max-width, 560px)}.ct-vertical-story__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.2}.ct-vertical-story__text{margin-top:2rem;max-width:var(--ct-vertical-story-copy-max-width, 560px);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);line-height:1.5}.ct-vertical-story__text>*:first-child{margin-top:0}.ct-vertical-story__text>*:last-child{margin-bottom:0}.ct-vertical-story__text p{margin-top:0;margin-bottom:.9rem;font-size:inherit;line-height:inherit}.ct-vertical-story__text p+p{margin-top:.65rem}.ct-vertical-story__text strong,.ct-vertical-story__text b{font-weight:700}.ct-vertical-story__text a{color:currentColor;text-decoration:underline;text-underline-offset:.2em}.ct-vertical-story__text ul,.ct-vertical-story__text ol{margin-top:1rem;margin-bottom:1rem;padding-left:1.8em}.ct-vertical-story__text li{margin-bottom:.35rem;font-size:inherit;line-height:inherit}.ct-vertical-story__line-mask{display:block;overflow:hidden}.ct-vertical-story__line-mask--heading{padding-top:.18em;padding-bottom:.18em;margin-top:-.18em;margin-bottom:-.18em}.ct-vertical-story__line-mask--text{margin-top:0}.ct-vertical-story__reveal-line{display:block;opacity:0;transform:none;-webkit-mask-image:linear-gradient(135deg,#000 0%,#000 38%,rgba(0,0,0,.72) 48%,transparent 62%,transparent 100%);mask-image:linear-gradient(135deg,#000 0%,#000 38%,rgba(0,0,0,.72) 48%,transparent 62%,transparent 100%);-webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-position:100% 100%;mask-position:100% 100%;transition:opacity .9s ease,-webkit-mask-position 3.2s cubic-bezier(.22,1,.36,1),mask-position 3.2s cubic-bezier(.22,1,.36,1)}.ct-vertical-story__copy-item.is-active .ct-vertical-story__reveal-line{opacity:1;transform:none;-webkit-mask-position:0% 0%;mask-position:0% 0%}.ct-vertical-story__copy-item.is-active .ct-vertical-story__reveal-line--heading{transition-delay:.02s}.ct-vertical-story__copy-item.is-active .ct-vertical-story__reveal-line--text{transition-delay:.16s}.ct-vertical-story__media-column{position:relative;height:100%}.ct-vertical-story__media-viewport{position:relative;height:var(--ct-vertical-story-frame-height, calc(100svh - var(--ct-vertical-story-effective-top, var(--ct-vertical-story-top, 0px))));overflow:hidden}.ct-vertical-story__media-track{display:flex;flex-direction:column;gap:2rem;will-change:transform;transform:translateZ(0)}.ct-vertical-story__media-panel{position:relative;height:var(--ct-vertical-story-frame-height, calc(100svh - var(--ct-vertical-story-effective-top, var(--ct-vertical-story-top, 0px))));flex:0 0 var(--ct-vertical-story-frame-height, calc(100svh - var(--ct-vertical-story-effective-top, var(--ct-vertical-story-top, 0px))));opacity:.15;transform:scale(.97);transition:opacity .35s ease,transform .35s ease}.ct-vertical-story__media-panel.is-active{opacity:1;transform:scale(1)}.ct-vertical-story__media-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:2rem;height:100%}.ct-vertical-story__media-cell{margin:0;position:relative;overflow:hidden;border-radius:0;background:rgba(var(--color-foreground),.08)}.ct-vertical-story__media-cell--empty{min-height:10rem}.ct-vertical-story__image,.ct-vertical-story__mobile-image{display:block;width:100%;height:100%;object-fit:cover}.ct-vertical-story__mobile{display:none}@media screen and (max-width:989px){.ct-vertical-story__desktop{display:none}.ct-vertical-story__mobile{display:block}.ct-vertical-story__mobile-step+.ct-vertical-story__mobile-step{margin-top:7rem}.ct-vertical-story__mobile-copy{margin-bottom:1.6rem}.ct-vertical-story__mobile-heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.12}.ct-vertical-story__mobile-text{margin-top:1rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);line-height:1.55}.ct-vertical-story__mobile-text>*:first-child{margin-top:0}.ct-vertical-story__mobile-text>*:last-child{margin-bottom:0}.ct-vertical-story__mobile-text p{font-size:inherit;line-height:inherit}.ct-vertical-story__mobile-text strong,.ct-vertical-story__mobile-text b{font-weight:700}.ct-vertical-story__mobile-text a{color:currentColor;text-decoration:underline;text-underline-offset:.2em}.ct-vertical-story__mobile-text ul,.ct-vertical-story__mobile-text ol{margin-top:1rem;margin-bottom:1rem;padding-left:1.8em}.ct-vertical-story__mobile-text li{margin-bottom:.35rem;font-size:inherit;line-height:inherit}.ct-vertical-story__mobile-images{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;margin-bottom:2.4rem}.ct-vertical-story__mobile-image-item{margin:0;aspect-ratio:16 / 7;overflow:hidden}}@media screen and (min-width:990px){.ct-vertical-story__mobile{display:none}}@media screen and (min-width:990px)and (max-width:1279px){.ct-vertical-story__grid{gap:2.8rem;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.ct-vertical-story__copy-stack{width:min(100%,760px);padding-right:2rem}.ct-vertical-story__media-grid{gap:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ct-vertical-story.css.map */