.cinoton-sticky-story{--sticky-story-header-offset: 0px;--sticky-story-top: calc(var(--sticky-story-header-offset) + var(--sticky-story-offset, 24px));display:block;box-sizing:border-box;overflow:clip;padding:clamp(40px,7vw,112px) 0;background:var(--sticky-story-background, #000);color:var(--sticky-story-text, #fff)}body.header-sticky--active .cinoton-sticky-story{--sticky-story-header-offset: var(--header-height, 0px)}.cinoton-sticky-story *,.cinoton-sticky-story *:before,.cinoton-sticky-story *:after{box-sizing:border-box}.cinoton-sticky-story__inner{width:min(calc(100% - 32px),var(--sticky-story-width, 1600px));margin-inline:auto}.cinoton-sticky-story__header{max-width:760px;margin:0 auto clamp(42px,7vw,100px);text-align:center}.cinoton-sticky-story__eyebrow,.cinoton-sticky-story__step-eyebrow{margin:0 0 12px;color:var(--sticky-story-accent, #18a2e4);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cinoton-sticky-story__header h2{margin:0;color:inherit;font-size:clamp(28px,3.4vw,50px);font-weight:700;line-height:1.08;text-wrap:balance}.cinoton-sticky-story__intro{margin-top:18px;color:var(--sticky-story-muted, #a5a5aa);font-size:clamp(15px,1.2vw,19px);line-height:1.55}.cinoton-sticky-story__intro>:first-child,.cinoton-sticky-story__text>:first-child{margin-top:0}.cinoton-sticky-story__intro>:last-child,.cinoton-sticky-story__text>:last-child{margin-bottom:0}.cinoton-sticky-story__layout{display:grid;grid-template-columns:minmax(0,var(--sticky-story-text-width, 40%)) minmax(0,1fr);gap:var(--sticky-story-gap, 72px);align-items:start}.cinoton-sticky-story__step{display:flex;min-height:var(--sticky-story-step-height, 75vh);align-items:center}.cinoton-sticky-story__copy{width:100%;max-width:520px;opacity:.28;transform:translate3d(0,48px,0);transition:opacity .48s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.cinoton-sticky-story__step.is-before .cinoton-sticky-story__copy{transform:translate3d(0,-48px,0)}.cinoton-sticky-story__step.is-active .cinoton-sticky-story__copy{opacity:1;transform:translateZ(0)}.cinoton-sticky-story__copy h3{margin:0;color:inherit;font-size:clamp(30px,3.4vw,52px);font-weight:700;line-height:1.04;text-wrap:balance}.cinoton-sticky-story__text{margin-top:18px;color:var(--sticky-story-muted, #a5a5aa);font-size:clamp(16px,1.35vw,21px);line-height:1.5}.cinoton-sticky-story__media-column{min-width:0;height:100%}.cinoton-sticky-story__stage{position:sticky;top:var(--sticky-story-top);width:100%;height:min(var(--sticky-story-height, 660px),calc(100svh - var(--sticky-story-top) - 24px));min-height:360px;overflow:hidden;border-radius:var(--sticky-story-radius, 16px);background:#18191c;isolation:isolate}.cinoton-sticky-story__media{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:scale(1.025);transition:opacity .52s ease,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}.cinoton-sticky-story__media.is-active{z-index:1;opacity:1;transform:scale(1)}.cinoton-sticky-story__media picture,.cinoton-sticky-story__media img,.cinoton-sticky-story__placeholder{display:block;width:100%;height:100%}.cinoton-sticky-story__media img,.cinoton-sticky-story__placeholder{object-fit:var(--sticky-story-fit, cover)}.cinoton-sticky-story__empty{margin:0;padding:100px 24px;border:1px dashed rgba(255,255,255,.25);text-align:center}@media(max-width:899px){.cinoton-sticky-story{--sticky-story-top: calc(var(--sticky-story-header-offset) + max(12px, var(--sticky-story-offset, 24px)))}.cinoton-sticky-story__inner{width:min(calc(100% - 24px),var(--sticky-story-width, 1600px))}.cinoton-sticky-story__header{margin-bottom:36px}.cinoton-sticky-story__layout{grid-template-columns:minmax(0,1fr);gap:0}.cinoton-sticky-story__media-column{position:sticky;z-index:2;top:var(--sticky-story-top);grid-row:1;height:auto;padding-bottom:12px;background:var(--sticky-story-background, #000)}.cinoton-sticky-story__stage{position:relative;top:auto;height:min(var(--sticky-story-mobile-height, 260px),calc(100svh - var(--sticky-story-top) - 96px));min-height:180px}.cinoton-sticky-story__steps{grid-row:2}.cinoton-sticky-story__step{min-height:max(52svh,360px);padding:48px 6px}.cinoton-sticky-story__copy{position:relative;top:16px;max-width:620px;margin-top:clamp(72px,14svh,110px)}.cinoton-sticky-story__copy h3{font-size:clamp(30px,10vw,44px)}.cinoton-sticky-story__text{font-size:16px}}@media(prefers-reduced-motion:reduce){.cinoton-sticky-story__copy,.cinoton-sticky-story__media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/cinoton-sticky-story.css.map */