.nl-w2-story{--nl-w2-teal-a: var(--nl-mint-200);--nl-w2-teal-b: var(--nl-mint-500);--nl-w2-teal-c: var(--nl-green-300);--nl-w2-purple-a: var(--nl-purple-200);--nl-w2-purple-b: var(--nl-purple-300);--nl-w2-purple-c: var(--nl-purple-400);--nl-w2-symbol-color: var(--nl-white);--nl-w2-symbol-alpha: .045;--nl-w2-vignette: rgb(17 16 23 / .62);position:relative}.nl-w2-story.scheme-black{--nl-w2-vignette: rgb(0 0 0 / .66)}.nl-w2-story.scheme-cream{--nl-w2-teal-a: var(--nl-green-500);--nl-w2-teal-b: var(--nl-green-400);--nl-w2-teal-c: var(--nl-mint-600);--nl-w2-purple-a: var(--nl-purple-500);--nl-w2-purple-b: var(--nl-purple-400);--nl-w2-purple-c: var(--nl-purple-600);--nl-w2-symbol-color: var(--nl-green-500);--nl-w2-symbol-alpha: .06;--nl-w2-vignette: rgb(250 248 245 / .72)}nl-w2-story{position:relative;display:block}.nl-w2-story__scene{--o: clamp(0, calc((var(--p, 1) - .42) * 4), 1)}.nl-w2-story__stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:max(640px,100vh);min-height:max(640px,100svh);padding-block:128px;overflow:hidden;background-color:var(--nl-bg)}.nl-w2-story__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(42% 46% at 50% 50%,var(--nl-w2-vignette),transparent 100%);pointer-events:none}@media(max-width:767px){.nl-w2-story__stage{min-height:max(560px,100svh);padding-block:96px}.nl-w2-story__stage:after{background:radial-gradient(70% 40% at 50% 50%,var(--nl-w2-vignette),transparent 100%)}}.nl-w2-story__light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.nl-w2-story__orb{position:absolute;width:72vmax;aspect-ratio:1;border-radius:50%;will-change:transform}.nl-w2-story__orb--purple{top:-34vmax;left:-30vmax;background:radial-gradient(closest-side,rgb(115 65 224 / .55),rgb(115 65 224 / .16) 48%,transparent 74%);transform:translate3d(calc(var(--p, .5) * 24vw),calc(var(--p, .5) * 18vh),0) scale(calc(.9 + var(--p, .5) * .3))}.nl-w2-story__orb--teal{right:-32vmax;bottom:-36vmax;background:radial-gradient(closest-side,rgb(0 172 140 / .36),rgb(0 102 104 / .2) 48%,transparent 74%);transform:translate3d(calc(var(--p, .5) * -22vw),calc(var(--p, .5) * -20vh),0) scale(calc(1.15 - var(--p, .5) * .25))}.scheme-cream .nl-w2-story__orb--purple{background:radial-gradient(closest-side,rgb(115 65 224 / .16),rgb(115 65 224 / .05) 50%,transparent 74%)}.scheme-cream .nl-w2-story__orb--teal{background:radial-gradient(closest-side,rgb(0 102 104 / .14),rgb(0 102 104 / .05) 50%,transparent 74%)}.nl-w2-story__symbol{position:absolute;top:0;right:0;bottom:0;left:0;width:min(86vmin,880px);height:min(86vmin,880px);margin:auto;background-color:var(--nl-w2-symbol-color);opacity:var(--nl-w2-symbol-alpha);-webkit-mask:var(--nl-w2-symbol) center / contain no-repeat;mask:var(--nl-w2-symbol) center / contain no-repeat;transform:rotate(calc(var(--p, .5) * 90deg - 45deg)) scale(calc(.92 + var(--p, .5) * .16));will-change:transform}.nl-w2-story__layers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.nl-w2-story__layer{--t: calc(.5 - var(--p, .5));position:absolute;width:var(--w, 240px);transform:translate3d(0,calc(var(--t) * var(--dy, 40vh)),0) rotate(calc(var(--r0, 0deg) + (var(--r1, 0deg) - var(--r0, 0deg)) * var(--p, .5)));will-change:transform}.nl-w2-story__frame{position:relative;aspect-ratio:var(--nl-w2-ratio, .75);overflow:hidden;border-radius:var(--nl-radius-24);background-color:var(--nl-grey-700);box-shadow:0 48px 96px -36px #000000bf,0 0 0 1px #ffffff0f}.scheme-cream .nl-w2-story__frame{background-color:var(--nl-warm);box-shadow:0 40px 80px -40px #11101759,0 0 0 1px #1110170a}.nl-w2-story__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgb(17 16 23 / .32));pointer-events:none}.scheme-cream .nl-w2-story__frame:after{content:none}.nl-w2-story__img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.12 - var(--p, .5) * .12))}.nl-w2-story__layer--1{--w: clamp(150px, 17vw, 330px);--dy: 34vh;--r0: -7deg;--r1: 2deg;top:13%;left:5%}.nl-w2-story__layer--2{--w: clamp(130px, 13vw, 260px);--dy: 62vh;--r0: 8deg;--r1: -3deg;top:8%;right:6%}.nl-w2-story__layer--3{--w: clamp(140px, 14vw, 280px);--dy: 46vh;--r0: -4deg;--r1: 5deg;right:12%;bottom:7%}.nl-w2-story__layer--4{--w: clamp(150px, 15vw, 300px);--dy: 44vh;--r0: 5deg;--r1: -4deg;bottom:4%;left:7%}@media(max-width:767px){.nl-w2-story__layer--1{--w: 34vw;--dy: 22vh;top:9%;left:-3%}.nl-w2-story__layer--2{--w: 28vw;--dy: 36vh;top:14%;right:-2%}.nl-w2-story__layer--3{--w: 32vw;--dy: 28vh;right:5%;bottom:7%}.nl-w2-story__layer--4{--w: 34vw;--dy: 44vh;bottom:11%;left:4%}.nl-w2-story__frame{border-radius:var(--nl-radius-16)}}.nl-w2-story__copy{position:relative;z-index:3;display:grid;justify-items:center;text-align:center}.nl-w2-story__eyebrow{margin-bottom:24px}.nl-w2-story__title{max-width:12.5ch;margin:0;color:var(--nl-heading);font-size:clamp(2.75rem,.6rem + 7.6vw,10.5rem);font-weight:var(--nl-fw-semibold);line-height:.94;letter-spacing:-.055em;text-wrap:balance}.nl-w2-story__word{display:inline-block}.nl-w2-story__word--teal,.nl-w2-story__word--purple{margin-bottom:-.1em;padding-bottom:.1em;color:transparent;-webkit-background-clip:text;background-clip:text}.nl-w2-story__word--teal{background-image:linear-gradient(100deg,var(--nl-w2-teal-a) 0%,var(--nl-w2-teal-b) 55%,var(--nl-w2-teal-c) 100%)}.nl-w2-story__word--purple{background-image:linear-gradient(100deg,var(--nl-w2-purple-a) 0%,var(--nl-w2-purple-b) 50%,var(--nl-w2-purple-c) 100%)}.nl-w2-story__outro{display:grid;justify-items:center;gap:32px;max-width:46ch;margin-top:48px}.nl-w2-story__text{margin:0;color:var(--nl-text-muted);font-size:var(--nl-fs-body-1);line-height:1.55;text-wrap:pretty}@media(min-width:1280px){.nl-w2-story__text{font-size:1.125rem}}@media(max-width:767px){.nl-w2-story__title{max-width:10ch;line-height:.98}.nl-w2-story__outro{gap:24px;margin-top:32px}}.nl-w2-story__meter{position:absolute;bottom:32px;left:50%;z-index:3;display:none;width:120px;height:2px;overflow:hidden;border-radius:2px;background-color:#ffffff24;translate:-50% 0}.scheme-cream .nl-w2-story__meter{background-color:#1110171a}.nl-w2-story__meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--nl-w2-teal-b);transform:scaleX(var(--p, 0));transform-origin:0 50%}@media(prefers-reduced-motion:no-preference)and (min-height:600px){html.js:not(.nl-motion-off) .nl-w2-story__scene{height:calc(var(--nl-w2-story-h-m, 180) * 1vh)}html.js:not(.nl-motion-off) .nl-w2-story__stage{position:sticky;top:0;height:100vh;height:100svh;min-height:0;padding-block:0}html.js:not(.nl-motion-off) .nl-w2-story__meter{display:block}html.js:not(.nl-motion-off) .nl-w2-story__scene[data-ready] .nl-w2-story__word{--w: clamp(0, calc(((var(--p, 0) - .04) * 2.6 * var(--n, 6) - var(--i, 0)) / 1.4), 1);opacity:calc(.22 + var(--w) * .78);transform:translate3d(0,calc((1 - var(--w)) * .18em),0)}html.js:not(.nl-motion-off) .nl-w2-story__scene[data-ready] .nl-w2-story__eyebrow{opacity:calc(.4 + clamp(0,calc(var(--p, 0) * 8),1)*.6)}html.js:not(.nl-motion-off) .nl-w2-story__scene[data-ready] .nl-w2-story__outro{opacity:var(--o);transform:translate3d(0,calc((1 - var(--o)) * 28px),0)}html.js:not(.nl-motion-off) .nl-w2-story__scene[data-ready]:not([data-outro]) .nl-w2-story__outro{pointer-events:none}html.js:not(.nl-motion-off) .nl-w2-story__scene[data-ready] .nl-w2-story__outro:focus-within{opacity:1;transform:none}html.js:not(.nl-motion-off) .nl-w2-story__scene[data-ready] .nl-w2-story__copy{transform:translate3d(0,calc((1 - var(--o)) * var(--nl-w2-lift, 96px)),0)}}@media(prefers-reduced-motion:no-preference)and (min-height:600px)and (min-width:768px){html.js:not(.nl-motion-off) .nl-w2-story__scene{height:calc(var(--nl-w2-story-h, 250) * 1vh)}}@media(prefers-reduced-motion:no-preference)and (min-height:600px)and (max-width:767px){html.js:not(.nl-motion-off) .nl-w2-story__scene{--nl-w2-lift: 84px}html.js:not(.nl-motion-off) .nl-w2-story__scene[data-ready] :is(.nl-w2-story__layer--3,.nl-w2-story__layer--4){opacity:calc(1 - var(--o) * .85)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nl-w2-story.css.map */