.ny-elt-story{--elt-story-gutter: clamp(1.5rem, 5vw, 6rem);--elt-story-max: 1680px;position:relative;background:var(--elt-story-bg, #07030f);color:var(--elt-story-text, #ffffff);isolation:isolate}.ny-elt-story__track{position:relative;height:calc((var(--elt-story-steps, 4) * var(--elt-story-step-vh, 100)) * 1vh + 100vh)}.ny-elt-story__viewport{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}.ny-elt-story__backdrop{--elt-backdrop-blur: clamp(40px, 7vw, 80px);--elt-backdrop-bleed: calc(var(--elt-backdrop-blur) * 3);position:absolute;top:calc(var(--elt-backdrop-bleed) * -1);left:calc(var(--elt-backdrop-bleed) * -1);width:calc(100% + var(--elt-backdrop-bleed) * 2);height:calc(100% + var(--elt-backdrop-bleed) * 2);object-fit:cover;filter:blur(var(--elt-backdrop-blur)) saturate(1.15);opacity:var(--elt-story-backdrop-opacity, .9);pointer-events:none;z-index:0}.ny-elt-story__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(120% 80% at 50% 0%,transparent 40%,rgba(0,0,0,.55) 100%),linear-gradient(to bottom,rgba(0,0,0,.35) 0%,transparent 22%,transparent 72%,var(--elt-story-bg, #07030f) 100%)}.ny-elt-story__grid{position:relative;z-index:2;width:100%;max-width:var(--elt-story-max);margin-inline:auto;padding-inline:var(--elt-story-gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,4vw,4rem);height:100%}.ny-elt-story--media-left .ny-elt-story__copy{order:2}.ny-elt-story--media-left .ny-elt-story__stage{order:1}.ny-elt-story__intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;padding-inline:var(--elt-story-gutter);text-align:center;opacity:1;pointer-events:none}.ny-elt-story__intro-inner{transform:translateY(calc(var(--elt-story-intro-shift, 0vh) * -1))}.ny-elt-story__intro-title{max-width:var(--elt-story-intro-width, 34ch);margin:0 auto;font-family:var(--elt-story-heading-font, "Epilogue", var(--heading-font-family, sans-serif));font-size:clamp(2.25rem,5.8vw,5.75rem);font-weight:800;line-height:.96;letter-spacing:-.04em;text-wrap:balance;color:var(--elt-story-text, #ffffff)}.ny-elt-story__intro-subline{max-width:46ch;margin:clamp(1.1rem,2.2vw,1.75rem) auto 0;font-family:var(--elt-story-body-font, "Instrument Sans", var(--text-font-family, sans-serif));font-size:clamp(.95rem,1.1vw,1.15rem);line-height:1.6;color:color-mix(in srgb,var(--elt-story-text, #ffffff) 60%,transparent)}.ny-elt-story__copy{position:relative;min-height:46vh;display:grid;align-content:center;padding-inline-start:var(--elt-story-copy-inset, 0%)}.ny-elt-story__step{grid-area:1 / 1;opacity:0;pointer-events:none}.ny-elt-story__step.is-visible{pointer-events:auto}.ny-elt-story:not(.is-ready):not(.ny-elt-story--static) .ny-elt-story__step:first-child{opacity:1;pointer-events:auto}.ny-elt-story--has-intro:not(.is-ready):not(.ny-elt-story--static) .ny-elt-story__step:first-child{opacity:0;pointer-events:none}.ny-elt-story__headline{max-width:var(--elt-story-copy-width, 14ch);margin:0;font-family:var(--elt-story-heading-font, "Epilogue", var(--heading-font-family, sans-serif));font-size:clamp(2.25rem,4.6vw,4.5rem);font-weight:800;line-height:.96;letter-spacing:-.035em;text-wrap:balance;color:var(--elt-story-text, #ffffff)}.ny-elt-story__metric{display:block;font-variant-numeric:tabular-nums;color:var(--elt-story-accent, #a855f7)}.ny-elt-story__body{margin:clamp(1rem,1.8vw,1.6rem) 0 0;font-family:var(--elt-story-body-font, "Instrument Sans", var(--text-font-family, sans-serif));font-size:clamp(.95rem,1.05vw,1.125rem);line-height:1.6;color:color-mix(in srgb,var(--elt-story-text, #ffffff) 62%,transparent);max-width:42ch}.ny-elt-story__stage{position:relative;height:100%;min-height:0}.ny-elt-story__canvas{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;opacity:0;transition:opacity .6s ease}.ny-elt-story.is-ready .ny-elt-story__canvas{opacity:1}.ny-elt-story__scrollbar{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:clamp(.9rem,1.8vh,1.5rem);pointer-events:none}.ny-elt-story--bar-right .ny-elt-story__scrollbar{right:clamp(.9rem,2.4vw,2.75rem)}.ny-elt-story--bar-left .ny-elt-story__scrollbar{left:clamp(.9rem,2.4vw,2.75rem)}.ny-elt-story__scrollbar-track{position:relative;width:var(--elt-story-bar-width, 4px);height:clamp(110px,24vh,240px);border-radius:999px;background:color-mix(in srgb,var(--elt-story-text, #fff) 16%,transparent);overflow:hidden}.ny-elt-story__scrollbar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--elt-story-accent, #a855f7);transform:scaleY(var(--scroll-fill, 0));transform-origin:top center}.ny-elt-story__loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:min(180px,40vw);height:2px;border-radius:2px;background:color-mix(in srgb,var(--elt-story-text, #fff) 15%,transparent);overflow:hidden;transition:opacity .4s ease}.ny-elt-story__loader:after{content:"";display:block;height:100%;background:var(--elt-story-accent, #a855f7);transform:scaleX(var(--load-progress, 0));transform-origin:left center;transition:transform .2s linear}.ny-elt-story.is-ready .ny-elt-story__loader{opacity:0;pointer-events:none}@media screen and (max-width:900px){.ny-elt-story__viewport{align-items:stretch}.ny-elt-story__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:0;padding-block:clamp(1.5rem,5vh,3rem)}.ny-elt-story--media-left .ny-elt-story__copy,.ny-elt-story--media-left .ny-elt-story__stage{order:initial}.ny-elt-story__stage{order:1;min-height:0}.ny-elt-story__copy{order:2;min-height:38vh;align-content:start}.ny-elt-story__copy{padding-inline-start:0}.ny-elt-story__headline{max-width:none}.ny-elt-story__intro{padding-inline:1rem}.ny-elt-story__intro-inner{transform:translateY(calc(var(--elt-story-intro-shift, 0vh) * -1))}.ny-elt-story__intro-title{max-width:none;font-size:clamp(2.75rem,var(--elt-story-intro-size-mobile, 16vw),5rem);line-height:.9;letter-spacing:-.045em}.ny-elt-story__stage{margin-inline:calc(var(--elt-story-gutter) * -1)}.ny-elt-story__canvas{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 78%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.ny-elt-story--bar-right .ny-elt-story__scrollbar,.ny-elt-story--bar-left .ny-elt-story__scrollbar{left:.5rem;right:auto}.ny-elt-story__scrollbar-track{height:clamp(80px,16vh,140px)}}.ny-elt-story--static .ny-elt-story__track{height:auto}.ny-elt-story--static .ny-elt-story__viewport{position:relative;height:auto;padding-block:clamp(3rem,10vh,7rem)}.ny-elt-story--static .ny-elt-story__grid{grid-template-columns:minmax(0,1fr);height:auto}.ny-elt-story--static .ny-elt-story__copy{display:grid;grid-auto-flow:row;gap:clamp(2rem,5vh,3.5rem);min-height:0}.ny-elt-story--static .ny-elt-story__step{grid-area:auto;opacity:1;transform:none;pointer-events:auto}.ny-elt-story--static .ny-elt-story__stage{height:auto;aspect-ratio:9 / 12;margin-bottom:clamp(2rem,6vh,4rem)}.ny-elt-story--static .ny-elt-story__intro{position:relative;inset:auto;opacity:1;pointer-events:auto;margin-bottom:clamp(2rem,7vh,4.5rem);padding-inline:0}.ny-elt-story--static .ny-elt-story__scrollbar,.ny-elt-story--static .ny-elt-story__loader{display:none}
/*# sourceMappingURL=/cdn/shop/t/85/assets/ny-elt-scroll-story.css.map */