.jp{--jp-oy: 0;--jp-s: 80svh;--jp-n: 5;padding:0;position:relative}.jp__track{position:relative;height:calc(200svh + var(--jp-n) * var(--jp-s))}.jp__pin{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:var(--bg)}.jp:not(.gl-off) .jp__pin{height:100dvh!important;max-height:none!important}.jp.jp-away .jp__pin{visibility:hidden}.jp__tail{position:absolute;left:0;right:0;bottom:0;height:100svh;pointer-events:none}html main>section.jp:not(.gl-off){padding-block:0;background-color:transparent;margin-bottom:-100svh}.jp:not(.gl-off)~section{position:relative;z-index:2;background-color:var(--bg)}.jp__pin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#0b0b0b;opacity:0;pointer-events:none}.jp__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.jp__stage .p3-host,.jp__stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.jp__stage canvas{opacity:0;transition:opacity .8s}.jp__stage canvas.is-live{opacity:1}.jp__poster{position:absolute;left:50%;top:52%;width:min(70%,900px);height:auto;translate:-50% -50%;mix-blend-mode:multiply;transition:opacity .6s}.jp.is-gl .jp__poster{opacity:0}.jp__head{position:absolute;z-index:2;left:0;right:0;top:clamp(64px,9vh,104px);text-align:center;display:grid;justify-items:center;pointer-events:none;transition:opacity .7s ease,translate .9s cubic-bezier(.22,1,.36,1),visibility 0s}.jp__head h2{margin:0;text-wrap:balance}.jp.cx-calm .jp__head h2{font-size:var(--fs-h2);line-height:var(--lh-head);font-weight:var(--fw-head, 700);letter-spacing:var(--ls-head, var(--ls-display));text-transform:var(--head-case, none);max-width:18ch}@media(min-width:900px)and (max-height:860px){.jp.cx-calm .jp__head h2{font-size:min(var(--fs-h2),11svh);max-width:22ch}.jp__head{top:clamp(56px,8vh,104px)}.jp__lead{margin-top:10px}}.jp__lead{margin:14px auto 0;color:var(--fg-muted);font-size:16px;max-width:40ch;text-wrap:balance}.jp:not([data-goal="-1"]) .jp__head,.jp.jp-wait .jp__head{opacity:0;translate:0 -18px;visibility:hidden;transition:opacity .4s ease,translate .6s cubic-bezier(.22,1,.36,1),visibility 0s .6s}.jp__steps{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.jp__step{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;transition:visibility 0s .5s}.jp__step[data-on]{visibility:visible;transition:none}.jp__desc{position:absolute;right:clamp(24px,5vw,96px);bottom:clamp(128px,15vh,164px);width:min(420px,31vw);padding:8px 8px 20px;border-radius:18px;background:#fffffff0;box-shadow:0 22px 60px -30px #1e191480;pointer-events:auto;opacity:0;translate:0 16px;transition:opacity .3s ease,translate .4s ease}.jp__step[data-on] .jp__desc{opacity:1;translate:0 0;transition:opacity .35s ease .08s,translate .55s cubic-bezier(.22,1,.36,1) .08s}.jp__ph{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#1c1b1a;cursor:zoom-in;-webkit-tap-highlight-color:transparent}.jp__ph img{display:block;width:100%;height:100%;object-fit:cover;scale:1.12;transition:scale .5s ease,opacity .3s ease}.jp__step[data-on] .jp__ph img{scale:1;transition:scale .9s cubic-bezier(.16,1,.3,1) .08s,opacity .3s ease}.jp__ph i{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffffeb;box-shadow:0 6px 16px -8px #00000080;transition:scale .45s cubic-bezier(.34,1.56,.64,1)}.jp__ph svg{width:15px;height:15px;fill:none;stroke:#0b0b0b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.jp__step[data-on] .jp__ph:hover img{scale:1.05;transition-duration:.8s;transition-delay:0s}.jp__ph:hover i{scale:1.12}}.jp__ph:active i{scale:.92}.jp__ph:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.jp__ph.is-lifted img{opacity:0}.jp__t{margin:18px 12px 10px;font:300 clamp(24px,2.2vw,34px)/1.04 "Inter Tight",var(--font-head);letter-spacing:-.01em;text-transform:uppercase;color:var(--fg);text-wrap:balance;opacity:0;translate:0 14px;transition:opacity .3s ease,translate .4s ease}.jp__t span{display:block;margin-bottom:10px;font:500 11px/1 "Barlow",var(--font-body);letter-spacing:.24em;font-variant-numeric:tabular-nums;color:var(--signal)}.jp__desc p{margin:0 12px;font-size:15px;line-height:1.6;font-weight:300;color:var(--fg-muted);opacity:0;translate:0 14px;transition:opacity .3s ease,translate .4s ease}.jp__step[data-on] :is(.jp__t,.jp__desc p){opacity:1;translate:0 0;transition:opacity .4s ease .14s,translate .6s cubic-bezier(.22,1,.36,1) .14s}.jp__step[data-on] .jp__desc p{transition-delay:.2s}@media(max-height:760px)and (min-width:900px){.jp__ph{aspect-ratio:2 / 1}.jp__t{margin-top:14px}.jp__desc p{font-size:14px;line-height:1.5}}.jp__marks{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.jp__mark{--ax: 120px;--ay: 100px;--r: 16px;--ink: color-mix(in srgb, var(--fg) 62%, transparent);--halo: rgb(255 255 255 / .6);--rg: 14px;--gap: 14px;--sx: -6px;--sy: -6px;position:absolute;left:0;top:0;width:0;height:0;will-change:transform}.jp__mark:before{content:"";position:absolute;left:0;top:0;width:var(--rg);height:var(--rg);translate:-50% -50%;border-radius:50%;border:1.5px solid var(--signal);background:radial-gradient(circle,var(--signal) 0 2.25px,rgb(255 255 255 / .55) 2.75px);box-shadow:0 0 0 1px var(--halo);opacity:0;scale:.5;transition:opacity .15s ease,scale .15s ease}.jp__mark:after{content:"";position:absolute;left:0;top:calc(var(--rg) / 2);width:var(--ax);height:calc(var(--ay) - var(--rg) / 2);border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);border-bottom-left-radius:var(--r);filter:drop-shadow(0 0 .5px var(--halo));clip-path:polygon(var(--sx) var(--sy),var(--sx) var(--sy),var(--sx) var(--sy),var(--sx) var(--sy));transition:clip-path .2s cubic-bezier(.4,0,.2,1)}.jp__mark.is-l{--sx: calc(100% + 6px) }.jp__mark.is-up{--sy: calc(100% + 6px) }.jp__mark.is-l:after{left:auto;right:0;border-left:0;border-right:1px solid var(--ink);border-bottom-left-radius:0;border-bottom-right-radius:var(--r)}.jp__mark.is-up:after{top:auto;bottom:calc(var(--rg) / 2);border-bottom:0;border-top:1px solid var(--ink);border-radius:var(--r) 0 0 0}.jp__mark.is-l.is-up:after{border-radius:0 var(--r) 0 0}.jp__mark :is(b,span){position:absolute;left:calc(var(--ax) + var(--gap));white-space:nowrap;border-radius:6px;background:#ffffffdb;box-shadow:0 6px 20px -10px #1e191459;opacity:0;translate:-8px 0;transition:opacity .15s ease,translate .2s ease}.jp__mark b{top:calc(var(--ay) - 14px);padding:4px 10px;font:600 12px/20px "Barlow",var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--fg)}.jp__mark span{top:calc(var(--ay) + 16px);padding:3px 10px;font-size:14px;line-height:20px;font-weight:400;color:var(--fg-muted)}.jp__mark b:before{content:"";position:absolute;left:calc(-1 * var(--gap));top:50%;width:5px;height:5px;translate:-50% -50%;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px var(--halo)}.jp__mark.is-up b{top:calc(-1 * var(--ay) - 14px)}.jp__mark.is-up span{top:calc(-1 * var(--ay) + 16px)}.jp__mark.is-l :is(b,span){left:auto;right:calc(var(--ax) + var(--gap));text-align:right;translate:8px 0}.jp__mark.is-l b:before{left:auto;right:calc(-1 * var(--gap));translate:50% -50%}.jp[data-ready] .jp__step[data-on] .jp__mark:before{opacity:1;scale:1;transition:opacity .2s ease,scale .35s cubic-bezier(.34,1.56,.64,1);animation:jp-ping 1.1s .1s 1 ease-out backwards}.jp[data-ready] .jp__step[data-on] .jp__mark:after{clip-path:polygon(-6px -6px,calc(100% + 6px) -6px,calc(100% + 6px) calc(100% + 6px),-6px calc(100% + 6px));transition:clip-path .3s .05s cubic-bezier(.33,1,.68,1)}.jp[data-ready] .jp__step[data-on] .jp__mark :is(b,span){opacity:1;translate:0 0;transition:opacity .25s .18s ease-out,translate .35s .18s cubic-bezier(.22,1,.36,1)}.jp[data-ready] .jp__step[data-on] .jp__mark span{transition-delay:.24s}.jp__mark.is-hit:before{animation:jp-hit .6s cubic-bezier(.2,.9,.3,1.4)}@keyframes jp-ping{0%{box-shadow:0 0 0 1px var(--halo),0 0 color-mix(in srgb,var(--signal) 40%,transparent)}to{box-shadow:0 0 0 1px var(--halo),0 0 0 16px color-mix(in srgb,var(--signal) 0%,transparent)}}@keyframes jp-hit{0%{scale:1}35%{scale:1.8}to{scale:1}}.jp__nav{position:absolute;z-index:3;left:0;right:0;bottom:clamp(20px,3.4vh,40px);display:flex;justify-content:center;pointer-events:none}.jp__nav ol{list-style:none;margin:0;padding:0;display:flex;gap:clamp(8px,1vw,14px);pointer-events:auto}.jp__nav button{all:unset;box-sizing:border-box;display:grid;justify-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.jp__nav i{display:grid;place-items:center;width:clamp(96px,8.4vw,150px);height:56px;border-radius:999px;background:#ffffffe6;box-shadow:inset 0 0 0 1px #00000012,0 8px 24px -16px #1e191466;transition:background-color .45s ease,box-shadow .45s ease,scale .45s cubic-bezier(.34,1.56,.64,1)}.jp__nav svg{width:24px;height:24px;fill:none;stroke:var(--fg);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .45s ease}.jp__nav span{font-size:14px;line-height:1.2;color:var(--fg-dim);transition:color .45s ease}.jp__nav [aria-current=step] i{background:#0b0b0b;box-shadow:0 10px 28px -12px #0000008c}.jp__nav [aria-current=step] svg{stroke:#fff}.jp__nav [aria-current=step] span{color:var(--fg);font-weight:500}.jp__nav .is-hit i{animation:jp-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes jp-pop{0%{scale:1}40%{scale:1.07}to{scale:1}}@media(hover:hover){.jp__nav button:not([aria-current=step]):hover i{background:#fff;box-shadow:inset 0 0 0 1px #00000024,0 10px 26px -14px #1e191473}.jp__nav button:hover span{color:var(--fg)}}.jp__nav button:active i{scale:.96}.jp__nav button:focus-visible i{outline:2px solid var(--fg);outline-offset:3px}.jp__skip{position:absolute;z-index:4;right:clamp(16px,3vw,44px);top:clamp(18px,2.6vw,32px);display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px 0 16px;border:1px solid currentColor;border-radius:99px;background:transparent;color:var(--fg);font:inherit;font-size:10px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;opacity:0;translate:0 -6px;pointer-events:none;transition:opacity .5s ease,translate .6s cubic-bezier(.22,1,.36,1)}.jp__skip[hidden]{display:none}.jp__skip.is-on{opacity:.62;translate:0 0;pointer-events:auto}.jp__skip.is-taken{transition:opacity .16s ease,translate .16s ease}.jp__skip:after{content:"";position:absolute;top:-6px;right:-4px;bottom:-6px;left:-4px}.jp__skip svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.jp__skip[data-dir=up] svg{rotate:180deg}.jp__skip[data-dir=down] [data-when=up],.jp__skip[data-dir=up] [data-when=down]{display:none}@media(hover:hover){.jp__skip.is-on:hover{opacity:1}}.jp__skip:focus-visible{opacity:1;outline:2px solid var(--fg);outline-offset:3px}.jp__dock-off{position:absolute;left:0;top:0;bottom:100svh;width:1px;pointer-events:none;visibility:hidden}html.jp-held .header{transform:translateY(-100%)}@media(max-width:899px){.jp{--jp-s: 72svh}.jp__head{top:72px;padding-inline:var(--gutter)}.jp__lead{font-size:14px;margin-top:8px;max-width:32ch}.jp__desc{left:var(--gutter);right:var(--gutter);bottom:98px;width:auto;padding:8px 14px 14px 8px;display:grid;grid-template-columns:96px 1fr;column-gap:14px;align-items:center;border-radius:16px}.jp__ph{aspect-ratio:4 / 3;border-radius:10px}.jp__ph i{right:5px;bottom:5px;width:26px;height:26px}.jp__ph svg{width:12px;height:12px}.jp__t{margin:0;font-size:21px}.jp__t span{margin-bottom:6px}.jp__desc p{grid-column:1 / -1;margin:10px 2px 0 6px;font-size:13.5px;line-height:1.5}.jp__nav{bottom:14px;padding-inline:10px}.jp__nav ol{gap:6px;width:100%;max-width:420px;justify-content:space-between}.jp__nav li{flex:1 1 0}.jp__nav button{width:100%;gap:6px}.jp__nav i{width:100%;height:44px}.jp__nav svg{width:20px;height:20px}.jp__nav span{font-size:10.5px;white-space:nowrap}.jp__mark{--r: 10px;--rg: 12px;--gap: 10px}.jp__mark b{font-size:10.5px;letter-spacing:.16em;padding:3px 8px;line-height:18px;top:calc(var(--ay) - 12px)}.jp__mark.is-up b{top:calc(-1 * var(--ay) - 12px)}.jp__mark span{display:none}.jp__skip{top:14px;right:var(--gutter)}}.jp.gl-off .jp__track{height:auto}.jp.gl-off .jp__pin{position:relative;height:auto;min-height:0;overflow:visible;padding-block:var(--sp-8)}.jp.gl-off :is(.jp__stage,.jp__nav,.jp__marks,.jp__skip,.jp__tail,.jp__dock-off){display:none}.jp.gl-off .jp__pin{background:none}.jp.gl-off .jp__head{position:relative;top:auto;opacity:1;translate:none;visibility:visible}.jp.gl-off .jp__steps{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-4);width:min(100% - 2 * var(--gutter),1200px);margin:var(--sp-7) auto 0;pointer-events:auto}.jp.gl-off .jp__step{position:relative;inset:auto;visibility:visible}.jp.gl-off .jp__desc{position:relative;inset:auto;width:auto;height:100%;display:block;opacity:1;translate:none}.jp.gl-off .jp__ph{width:100%;aspect-ratio:16 / 9}.jp.gl-off .jp__ph img{scale:1}.jp.gl-off :is(.jp__t,.jp__desc p){opacity:1;translate:none}.jp.gl-off .jp__t{margin:16px 12px 10px}.jp.gl-off .jp__desc p{margin:0 12px}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.jp:not(.gl-off) .jp__track{view-timeline:--jp-in block;timeline-scope:--jp-out}.jp:not(.gl-off) .jp__tail{view-timeline:--jp-out block}.jp:not(.gl-off) .jp__pin{animation:jp-window linear both,jp-sink linear both;animation-timeline:--jp-in,--jp-out;animation-range:entry 0% entry 100%,entry 0% entry 100%}.jp:not(.gl-off) .jp__pin:after{animation:jp-dim linear both;animation-timeline:--jp-out;animation-range:entry 10% entry 100%}html:not(.jp-gsap) .jp:not(.gl-off) .jp__stage{animation:jp-rise linear both;animation-timeline:--jp-in;animation-range:entry 0% entry 100%}html:not(.jp-gsap) .jp:not(.gl-off) .jp__head>*{animation:jp-up linear both;animation-timeline:--jp-in;animation-range:entry 35% entry 90%}.jp:not(.gl-off) .jp__head>:nth-child(2){animation-range:entry 42% entry 95%}.jp:not(.gl-off) .jp__head>:nth-child(3){animation-range:entry 50% entry 100%}html:not(.jp-gsap) .jp:not(.gl-off) .jp__nav li{animation:jp-up linear both;animation-timeline:--jp-in;animation-range:entry 55% entry 85%}.jp:not(.gl-off) .jp__nav li:nth-child(2){animation-range:entry 60% entry 90%}.jp:not(.gl-off) .jp__nav li:nth-child(3){animation-range:entry 65% entry 95%}.jp:not(.gl-off) .jp__nav li:nth-child(4){animation-range:entry 70% entry 100%}.jp:not(.gl-off) .jp__nav li:nth-child(5){animation-range:entry 75% entry 100%}.jp:not(.gl-off) :is(.jp__steps,.jp__nav,.jp__skip){animation:jp-away linear both;animation-timeline:--jp-out;animation-range:entry 0% entry 30%}}}html[data-page=pdp] main>#buy{position:relative;z-index:0;background-color:var(--bg);will-change:transform}html[data-page=pdp] main>.pin-spacer>#buy{position:relative;z-index:0;background-color:var(--bg);will-change:transform}html[data-page=pdp] main>.pin-spacer{z-index:0}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html[data-page=pdp] main>.pin-spacer>#buy:after{will-change:opacity;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b0b0b;opacity:0;pointer-events:none;animation:jp-dim linear both;animation-timeline:--jp-in;animation-range:entry 15% entry 100%}}}html[data-page=pdp] main>.jp{z-index:1}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html[data-page=pdp] main{timeline-scope:--jp-in}html[data-page=pdp]:not(.jp-gsap) main>#buy{transform-origin:50% 100%;animation:jp-hold linear both;animation-timeline:--jp-in;animation-range:entry 0% entry 100%}html[data-page=pdp] main>#buy:after{will-change:opacity;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b0b0b;opacity:0;pointer-events:none;animation:jp-dim linear both;animation-timeline:--jp-in;animation-range:entry 15% entry 100%}}}@keyframes jp-hold{0%{translate:0 0;scale:1}to{translate:0 100vh;scale:var(--jp-sink, 1)}}html[data-leave=dim] main>#buy,html[data-leave=dim] .jp__pin{scale:1!important}@keyframes jp-window{0%{clip-path:inset(0 calc(var(--jp-win, 7) * 1vw) 0 calc(var(--jp-win, 7) * 1vw) round calc(var(--jp-rad, 44) * 1px))}60%{clip-path:inset(0 calc(var(--jp-win, 7) * .2857vw) 0 calc(var(--jp-win, 7) * .2857vw) round calc(var(--jp-rad, 44) * .7273px))}to{clip-path:inset(0 0 0 0 round 0)}}@keyframes jp-rise{0%{translate:0 22svh;scale:.82}to{translate:0 0;scale:1}}@keyframes jp-up{0%{opacity:0;translate:0 36px}to{opacity:1;translate:0 0}}@keyframes jp-sink{0%{scale:1}to{scale:var(--jp-sink, .9)}}@keyframes jp-dim{to{opacity:var(--jp-dim, .42)}}@keyframes jp-away{to{opacity:0;visibility:hidden}}html.jp-plain .jp:not(.gl-off) .jp__track{height:calc(100svh + var(--jp-n) * var(--jp-s))}html.jp-plain .jp:not(.gl-off) .jp__tail{display:none}html.jp-plain main>section.jp:not(.gl-off){margin-bottom:0}html.jp-plain .jp:not(.gl-off) .jp__dock-off{bottom:0}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html.jp-plain .jp:not(.gl-off) :is(.jp__pin,.jp__steps,.jp__nav,.jp__skip),html.jp-plain .jp:not(.gl-off) .jp__pin:after{animation:none}html.jp-plain .jp:not(.gl-off) :is(.jp__stage,.jp__head>*,.jp__nav li){animation:none}html[data-page].jp-plain main>#buy,html[data-page].jp-plain main>#buy:after{animation:none}}}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__stage:before{content:"";position:absolute;left:var(--orb-x, 50%);top:var(--orb-y, 50%);width:calc(2 * var(--orb-r, 0px));aspect-ratio:1;translate:-50% -50%;border:1px solid #e7e1d9;border-radius:50%;pointer-events:none;opacity:0;scale:.9;transition:opacity .35s ease,scale .6s cubic-bezier(.65,0,.35,1)}html.jp-plain .jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__stage:before{opacity:1;scale:1;transition:opacity .6s ease .2s,scale .9s cubic-bezier(.22,1,.36,1) .1s}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav ol{pointer-events:none}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav li{--ih: 56px;pointer-events:auto;transition:translate .62s cubic-bezier(.65,0,.35,1)}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav li:nth-child(2){transition-delay:.03s}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav li:nth-child(3){transition-delay:.06s}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav li:nth-child(4){transition-delay:.09s}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav li:nth-child(5){transition-delay:.12s}html.jp-plain .jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__nav li{translate:var(--jx, 0px) var(--jy, 0px)}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav i,html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav button:hover i{position:relative;isolation:isolate;background:none;box-shadow:none}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:#ffffffe6;box-shadow:inset 0 0 0 1px #00000012,0 8px 24px -16px #1e191466;transition:background-color .45s ease,box-shadow .45s ease,opacity .4s ease .12s}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav [aria-current=step] i:after{background:#0b0b0b;box-shadow:0 10px 28px -12px #0000008c}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav i:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #00000014,0 10px 26px -16px #1e191473;opacity:0;transition:opacity .4s ease .08s}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav svg{transition:stroke .45s ease,scale .62s cubic-bezier(.65,0,.35,1)}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav span{transition:color .45s ease,translate .62s cubic-bezier(.65,0,.35,1),scale .62s cubic-bezier(.65,0,.35,1)}html.jp-plain .jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__nav i:after{opacity:0;transition:background-color .45s ease,box-shadow .45s ease,opacity .35s ease .05s}html.jp-plain .jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__nav i:before{opacity:1;transition:opacity .4s ease .1s}html.jp-plain .jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__nav svg{scale:var(--orb-icon, 1)}html.jp-plain .jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__nav span{translate:0 calc(30px - var(--ih) / 2);scale:1.1}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav button:focus-visible i{outline:none}html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav button:focus-visible i:after{outline:2px solid var(--fg);outline-offset:3px}html.jp-plain .jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__nav button:focus-visible i:after{outline:none}html.jp-plain .jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__nav button:focus-visible i:before{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg)}@media(max-width:899px){html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav li{--ih: 44px;--orb-icon: 1.15}}@media(prefers-reduced-motion:reduce){html.jp-plain .jp.jp-orb:not(.gl-off) .jp__stage:before,html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav i:before,html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav i:after,html.jp-plain .jp.jp-orb:not(.gl-off) .jp__nav :is(li,svg,span){transition:none!important}}@media(prefers-reduced-motion:reduce){.jp__head,.jp:not([data-goal="-1"]) .jp__head,.jp__desc p,.jp__step[data-on] .jp__desc p,.jp__t,.jp__step[data-on] .jp__t,.jp__ph img,.jp__nav i,.jp__nav svg,.jp__nav span{transition:none}.jp__mark:before,.jp__mark:after,.jp__mark :is(b,span),.jp__nav .is-hit i{transition:none!important;animation:none!important}}.jp__skip{background:#fffffff0}html.jp-held .ct-top{opacity:0;pointer-events:none;visibility:hidden}html.jp-held .p-rail{opacity:0;visibility:hidden}@media(max-width:899px){:is(#inside,#sound).jp .jp__nav span{white-space:normal;text-align:center;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;line-height:1.15}}:is(#inside,#sound).jp .jp__nav span{padding:3px 9px;color:var(--fg-muted)}:is(#inside,#sound).jp .jp__nav [aria-current=step] span{color:var(--fg)}@media(min-width:900px){:is(#inside,#sound).jp:not(.jp-orb) .jp__nav button{display:flex;align-items:center;gap:10px;height:52px;padding:0 22px 0 18px;border-radius:999px;background:#ffffffe6;box-shadow:inset 0 0 0 1px #00000012,0 8px 24px -16px #1e191466;transition:background-color .45s ease,box-shadow .45s ease,scale .45s cubic-bezier(.34,1.56,.64,1)}:is(#inside,#sound).jp:not(.jp-orb) .jp__nav i{display:contents}:is(#inside,#sound).jp:not(.jp-orb) .jp__nav svg{width:22px;height:22px;flex:none}:is(#inside,#sound).jp:not(.jp-orb) .jp__nav span{padding:0;white-space:nowrap;font-size:14px;color:var(--fg)}:is(#inside,#sound).jp:not(.jp-orb) .jp__nav [aria-current=step]{background:#0b0b0b;box-shadow:inset 0 0 0 1px #ffffff38,0 10px 28px -12px #0000008c}:is(#inside,#sound).jp:not(.jp-orb) .jp__nav [aria-current=step] span{color:#fff;font-weight:500}:is(#inside,#sound).jp:not(.jp-orb) .jp__nav .is-hit{animation:jp-pop .5s cubic-bezier(.34,1.56,.64,1)}:is(#inside,#sound).jp:not(.jp-orb) .jp__nav button:active{scale:.96}:is(#inside,#sound).jp:not(.jp-orb) .jp__nav button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}}@media(min-width:900px)and (hover:hover){:is(#inside,#sound).jp:not(.jp-orb) .jp__nav button:not([aria-current=step]):hover{background:#fff;box-shadow:inset 0 0 0 1px #00000024,0 10px 26px -14px #1e191473}}@media(min-width:900px)and (prefers-reduced-motion:reduce){:is(#inside,#sound).jp:not(.jp-orb) .jp__nav button{transition:none}:is(#inside,#sound).jp:not(.jp-orb) .jp__nav .is-hit{animation:none}}html[data-scroll=native] :is(#inside,#sound) .jp__stage{bottom:auto;height:100lvh;min-height:100%}html.jp-lenis[data-page=pdp] main>#buy{position:sticky}@supports (animation-timeline: view()){html.jp-lenis[data-page=pdp] main>#buy{animation:none}}html.jp-plain :is(#inside,#sound).jp{--jp-last: .5}html.jp-plain :is(#inside,#sound).jp:not(.gl-off) .jp__track{height:calc(100svh + (var(--jp-n) + var(--jp-last)) * var(--jp-s))}html.jp-plain[data-page=pdp] main>#buy{will-change:auto}html.jp-plain[data-page=pdp] main>#buy:after,html.jp-plain :is(#inside,#sound).jp .jp__pin:after{content:none}html[data-scroll=native] .jp[data-ready] .jp__step[data-on] .jp__mark:after{transition:clip-path .24s .02s cubic-bezier(.33,1,.68,1)}html[data-scroll=native] .jp[data-ready] .jp__step[data-on] .jp__mark :is(b,span){transition:opacity .2s .09s ease-out,translate .3s .09s cubic-bezier(.22,1,.36,1)}html[data-scroll=native] .jp[data-ready] .jp__step[data-on] .jp__mark span{transition-delay:.13s}@media(max-width:899px){html[data-scroll=native] .jp__mark b{font-size:12px;letter-spacing:.14em;padding:4px 9px;line-height:18px;top:calc(var(--ay) - 13px)}html[data-scroll=native] .jp__mark.is-up b{top:calc(-1 * var(--ay) - 13px)}html[data-scroll=native] .jp__nav span{font-size:11.5px}html[data-scroll=native] .jp__desc p{font-size:14px}html[data-scroll=native] .jp__skip{font-size:11px;min-height:38px}html[data-scroll=native] .jp__skip.is-on{opacity:.78}}@media(pointer:coarse){html[data-scroll=native] .p3-zoom button{width:44px;height:44px}html[data-scroll=native] .p3-lid{min-height:44px}}@media(max-width:899px){:is(#inside,#sound).jp .jp__nav{padding-inline:8px}:is(#inside,#sound).jp:not(.gl-off) .jp__desc{bottom:112px}:is(#inside,#sound).jp .jp__nav ol{position:relative;isolation:isolate;gap:2px;padding:6px 6px 7px}:is(#inside,#sound).jp .jp__nav ol:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:26px;background:#ffffffeb;box-shadow:inset 0 0 0 1px #fff9,0 0 0 1px #0000000d,0 14px 34px -20px #1e191480;transition:opacity .45s ease .1s}:is(#inside,#sound).jp .jp__nav button{gap:4px}:is(#inside,#sound).jp .jp__nav span{padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;min-height:2.3em;font-size:11px;line-height:1.15;color:var(--fg-dim)}:is(#inside,#sound).jp .jp__nav [aria-current=step] span{background:none;color:var(--fg);font-weight:600}:is(#inside,#sound).jp .jp__nav i,html.jp-plain :is(#inside,#sound).jp.jp-orb:not(.gl-off) .jp__nav i:after{background:transparent;box-shadow:none}:is(#inside,#sound).jp .jp__nav [aria-current=step] i,html.jp-plain :is(#inside,#sound).jp.jp-orb:not(.gl-off) .jp__nav [aria-current=step] i:after{background:#0b0b0b;box-shadow:0 8px 20px -10px #0000008c}html.jp-plain :is(#inside,#sound).jp.jp-orb:not(.gl-off) .jp__nav [aria-current=step] i{background:none;box-shadow:none}html.jp-plain :is(#inside,#sound).jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__nav ol:before{opacity:0;transition-delay:0s}html.jp-plain :is(#inside,#sound).jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__nav span{white-space:nowrap;min-height:0}html.jp-plain :is(#inside,#sound).jp.jp-orb:not(.gl-off)[data-goal="-1"]:not(.jp-wait) .jp__nav span br{display:none}}:is(#inside,#sound).jp .jp__mark{--ink: rgb(255 255 255 / .95)}:is(#inside,#sound).jp .jp__mark:after{border-width:1.5px;filter:drop-shadow(0 0 .6px rgb(0 0 0 / .9)) drop-shadow(0 1px 3px rgb(0 0 0 / .45))}:is(#inside,#sound).jp .jp__mark b:before{width:7px;height:7px;box-shadow:0 0 0 1.5px #0000008c,0 1px 3px #0006}
/*# sourceMappingURL=/cdn/shop/t/14/assets/css-pdp-ports.css.map */