.mps .mps-stage{position:relative;min-height:clamp(430px,45.5vw,606px);display:block;touch-action:pan-y;opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform 1.05s cubic-bezier(.16,.84,.34,1)}.mps .mps-stage[data-ready]{opacity:1;transform:none}.mps-hero .mps-heroin{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(26px,3.4vw,58px);padding-block:clamp(30px,4.2vw,56px)}.mps-stage .mps-field{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1700px;perspective-origin:50% 44%;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 3%,#000 97%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.mps-stage .mps-floor{display:none;position:absolute;left:5%;right:5%;bottom:clamp(20px,2.4vw,32px);height:clamp(44px,5vw,74px);z-index:0;pointer-events:none;background:radial-gradient(54% 50% at 50% 50%,#162e1f4d,#162e1f1f 48%,#162e1f00 76%);filter:blur(16px);will-change:transform}.mps-stage .mps-deck{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:none}.mps-stage .mps-slide{position:absolute;top:clamp(2px,.3vw,6px);bottom:clamp(38px,3.6vw,52px);left:10%;right:10%;display:flex;flex-direction:column;text-decoration:none;color:inherit;transform-style:preserve-3d;opacity:0;pointer-events:none;transform:translateZ(-820px) scale(.74);will-change:transform,opacity;transition:transform .44s cubic-bezier(.33,1,.68,1),opacity .3s ease,filter .34s ease}.mps-stage .mps-slide .frame{position:relative;flex:1 1 auto;min-height:0;border-radius:16px;overflow:hidden;background:#f3f4f6;box-shadow:0 1px 2px #13281c0f,0 18px 34px -16px #13281c33,0 54px 96px -44px #13281c57;transition:box-shadow .34s ease}.mps-stage .mps-slide .frame img,.mps-stage .mps-slide .frame .mps-pic{width:100%;height:100%;display:block;object-fit:cover;background-color:transparent;transition:transform .5s cubic-bezier(.33,1,.68,1)}.mps-stage .mps-slide[data-pos="0"]{opacity:1;pointer-events:auto;z-index:6;transform:translateZ(0) rotateY(0) scale(1)}.mps-stage .mps-slide[data-pos="1"]{opacity:1;z-index:5;transform:translate3d(96%,1%,-200px) rotateY(-18deg) scale(.9);filter:none}.mps-stage .mps-slide[data-pos="-1"]{opacity:1;z-index:5;transform:translate3d(-96%,1%,-200px) rotateY(18deg) scale(.9);filter:none}.mps-stage .mps-slide[data-pos="2"]{opacity:.9;z-index:4;transform:translate3d(178%,2%,-420px) rotateY(-26deg) scale(.84);filter:blur(.9px) saturate(.95)}.mps-stage .mps-slide[data-pos="-2"]{opacity:.9;z-index:4;transform:translate3d(-178%,2%,-420px) rotateY(26deg) scale(.84);filter:blur(1px) saturate(.95)}.mps-stage .mps-slide .scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:16px;pointer-events:none;background:linear-gradient(180deg,#ffffff70,#fff9);opacity:0;transition:opacity .6s ease}.mps-stage .mps-slide[data-pos="1"] .scrim,.mps-stage .mps-slide[data-pos="-1"] .scrim{opacity:.3}.mps-stage .mps-slide[data-pos="2"] .scrim,.mps-stage .mps-slide[data-pos="-2"] .scrim{opacity:.78}.mps-stage .mps-slide:not([data-pos="0"]) .frame{box-shadow:0 14px 30px -18px #13281c42}.mps-stage .mps-slide .cap{position:relative;z-index:7;flex:0 0 auto;margin:clamp(-34px,-2.4vw,-22px) clamp(22px,2.6vw,36px) 0;background:#fffffff2;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(19,40,28,.11);border-radius:12px;padding:13px 18px 14px;box-shadow:0 1px 3px #13281c12,0 24px 46px -20px #13281c70;opacity:0;transform:translate3d(0,10px,0);transition:opacity .3s .03s ease,transform .36s .03s cubic-bezier(.33,1,.68,1),box-shadow .3s}.mps-stage .mps-slide[data-pos="0"] .cap{opacity:1;transform:translateZ(52px)}.mps-stage .mps-slide .cap b{font-size:1.0625rem;font-weight:600;line-height:1.3;color:var(--mps-ink);letter-spacing:-.018em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.mps-stage .mps-slide .cap .meta{display:flex;align-items:baseline;gap:10px;margin-top:8px;padding-top:9px;border-top:1px solid rgba(19,40,28,.08)}.mps-stage .mps-slide .cap i{display:inline;margin:0;font-style:normal;font-family:var(--mps-m);font-size:.6875rem;letter-spacing:.04em;color:var(--mps-ink3);white-space:nowrap}.mps-stage .mps-slide .cap s{text-decoration:none;margin-left:auto;font-size:1.0625rem;font-weight:700;color:var(--mps-brand);font-variant-numeric:tabular-nums;letter-spacing:-.022em;white-space:nowrap}.mps-stage .mps-slide .cap s small{font-size:.625rem;font-weight:600;color:var(--mps-ink3);margin-right:4px;letter-spacing:.02em}@media(hover:hover){.mps-stage .mps-slide[data-pos="0"]:hover{transform:translate3d(0,-7px,44px) scale(1.012)}.mps-stage .mps-slide[data-pos="0"]:hover .frame{box-shadow:0 2px 4px #13281c12,0 24px 44px -18px #13281c3d,0 70px 118px -52px #13281c6b}.mps-stage .mps-slide[data-pos="0"]:hover .frame img{transform:scale(1.03)}}.mps-stage .mps-slide:focus-visible{outline:2px solid var(--mps-brand);outline-offset:6px;border-radius:18px}.mps-stage .mps-nav{position:absolute;top:auto;bottom:-2px;z-index:8;width:34px;height:34px;margin-top:0;border:1px solid rgba(19,40,28,.1);border-radius:99px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--mps-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 5px #13281c12,0 14px 28px -14px #13281c5c;transition:background .2s,transform .25s cubic-bezier(.16,.84,.34,1),box-shadow .25s}.mps-stage .mps-nav svg{width:15px;height:15px}.mps-stage .mps-nav:hover{background:#fff;transform:scale(1.07);box-shadow:0 3px 7px #13281c17,0 20px 38px -16px #13281c70}.mps-stage .mps-nav:active{transform:scale(.97)}.mps-stage .mps-nav:focus-visible{outline:2px solid var(--mps-brand);outline-offset:3px}.mps-stage .mps-nav.prev{left:calc(50% - 168px);right:auto}.mps-stage .mps-nav.next{right:calc(50% - 168px);left:auto}.mps-stage .mps-rail{position:absolute;z-index:8;left:0;right:0;bottom:9px;display:flex;align-items:center;justify-content:center;gap:16px}.mps-stage .mps-count{font-family:var(--mps-m);font-size:.6875rem;letter-spacing:.12em;color:var(--mps-ink3);font-variant-numeric:tabular-nums}.mps-stage .mps-count b{color:var(--mps-ink);font-weight:700}.mps-stage .mps-count em{font-style:normal;opacity:.45;margin:0 3px}.mps-stage .mps-dots{position:static;display:flex;gap:6px;justify-content:center;margin:0}.mps-stage .mps-dot{position:relative;overflow:hidden;width:7px;height:7px;padding:0;border:0;border-radius:99px;cursor:pointer;background:#c9d4cd;transition:background .2s,width .3s cubic-bezier(.33,1,.68,1)}.mps-stage .mps-dot:hover{background:#a5b6ab}.mps-stage .mps-dot[aria-selected=true]{width:34px;background:#dce4de}.mps-stage .mps-dot[aria-selected=true]:after{content:"";position:absolute;top:0;bottom:0;left:0;width:0;border-radius:99px;background:var(--mps-brand)}.mps-stage .mps-dot[aria-selected=true].run:after{animation:mps-fill var(--mps-dur,5.6s) linear forwards}.mps-stage[data-paused] .mps-dot.run:after{animation-play-state:paused}.mps-stage[data-still] .mps-dot[aria-selected=true]:after{width:100%;animation:none}.mps-stage .mps-dot:focus-visible{outline:2px solid var(--mps-brand);outline-offset:3px}@keyframes mps-fill{0%{width:0}to{width:100%}}@media(max-width:1080px){.mps-hero .mps-heroin{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}.mps-stage .mps-slide{left:9%;right:9%}.mps-stage .mps-slide[data-pos="1"]{transform:translate3d(97%,1%,-200px) rotateY(-17deg) scale(.9)}.mps-stage .mps-slide[data-pos="-1"]{transform:translate3d(-97%,1%,-200px) rotateY(17deg) scale(.9)}.mps-stage .mps-slide[data-pos="2"],.mps-stage .mps-slide[data-pos="-2"]{opacity:0}}@media(max-width:980px){.mps-hero .mps-heroin{grid-template-columns:minmax(0,1fr)}}@media(max-width:980px)and (min-width:761px){.mps .mps-stage{min-height:clamp(470px,62vw,624px)}.mps-stage .mps-slide{left:13%;right:13%}.mps-stage .mps-slide[data-pos="1"]{transform:translate3d(97%,1%,-200px) rotateY(-17deg) scale(.9)}.mps-stage .mps-slide[data-pos="-1"]{transform:translate3d(-97%,1%,-200px) rotateY(17deg) scale(.9)}}@media(max-width:760px){.mps .mps-stage{min-height:clamp(390px,96vw,544px)}.mps-stage .mps-field{perspective:1200px}.mps-stage .mps-slide{left:9%;right:9%;bottom:clamp(44px,10vw,58px)}.mps-stage .mps-slide[data-pos="1"]{transform:translate3d(98%,1%,-180px) rotateY(-15deg) scale(.91)}.mps-stage .mps-slide[data-pos="-1"]{transform:translate3d(-98%,1%,-180px) rotateY(15deg) scale(.91)}.mps-stage .mps-slide .cap{margin-inline:clamp(14px,4vw,24px);padding:12px 14px 13px}.mps-stage .mps-slide .cap b,.mps-stage .mps-slide .cap s{font-size:.9375rem}.mps-stage .mps-nav{width:32px;height:32px}.mps-stage .mps-nav.prev{left:calc(50% - 150px)}.mps-stage .mps-nav.next{right:calc(50% - 150px)}}@media(pointer:coarse){.mps-stage .mps-deck{transform:none!important}}@media(prefers-reduced-motion:reduce){.mps .mps-stage{opacity:1;transform:none;transition:none}.mps-stage .mps-deck{transform:none!important;transition:none}.mps-stage .mps-slide,.mps-stage .mps-slide .cap,.mps-stage .mps-slide .frame img{transition:none}.mps-stage .mps-slide[data-pos="1"],.mps-stage .mps-slide[data-pos="-1"],.mps-stage .mps-slide[data-pos="2"],.mps-stage .mps-slide[data-pos="-2"]{opacity:0}.mps-stage .mps-dot:after{animation:none!important}}.mps-stage .mps-slide .peek{position:absolute;top:14px;right:14px;z-index:4;display:inline-flex;align-items:center;gap:7px;font-family:var(--mps-m);font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mps-brand);background:#ffffffed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(47,93,63,.22);border-radius:99px;padding:7px 12px;line-height:1;box-shadow:0 6px 16px -8px #13281c59;opacity:0;transform:translate3d(0,-7px,30px);transition:opacity .35s ease,transform .45s cubic-bezier(.16,.84,.34,1)}.mps-stage .mps-slide .peek svg{width:13px;height:13px;flex:none}@media(hover:hover){.mps-stage .mps-slide[data-pos="0"]:hover .peek{opacity:1;transform:translateZ(30px)}.mps-stage .mps-slide[data-pos="0"]:hover .cap{border-color:#2f5d3f47;box-shadow:0 1px 3px #13281c12,0 30px 56px -24px #13281c7a}.mps-stage .mps-slide[data-pos="0"]:hover .cap b{color:var(--mps-brandd)}}@media(prefers-reduced-motion:reduce){.mps-stage .mps-slide .peek{transition:none}}.mps-hero .mps-herocopy>h1:first-child{margin-top:0}.mps-hero .mps-spec{margin-top:clamp(26px,3vw,40px);padding-top:clamp(16px,1.7vw,22px);border-top:1px solid var(--mps-edge,#E1E6E4);max-width:34rem}.mps-hero .mps-spec[hidden]{display:none}.mps-hero .mps-spec .lab{display:block;margin-bottom:clamp(12px,1.3vw,16px);font-family:var(--mps-m);font-size:.5625rem;letter-spacing:.24em;text-transform:uppercase;color:var(--mps-ink3,#77848B)}.mps-hero .mps-spec .row{display:grid;grid-template-columns:repeat(4,minmax(0,auto));gap:clamp(14px,2.2vw,34px);align-items:start}.mps-hero .mps-spec .cell{display:block;min-width:0}.mps-hero .mps-spec .cell[hidden]{display:none}.mps-hero .mps-spec .cell b{display:block;font-size:clamp(1.0625rem,.98rem + .36vw,1.3125rem);font-weight:600;line-height:1.15;letter-spacing:-.025em;color:var(--mps-ink,#13181A);font-variant-numeric:tabular-nums;white-space:nowrap}.mps-hero .mps-spec .cell>span{display:block;margin-top:5px;font-family:var(--mps-m);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mps-ink3,#77848B);white-space:nowrap}@keyframes mps-turn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.mps-hero .mps-spec .cell.turn b{animation:mps-turn .45s cubic-bezier(.16,.84,.34,1) both}@media(max-width:980px){.mps-hero .mps-spec{max-width:none}}@media(max-width:560px){.mps-hero .mps-spec .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.mps-hero .mps-spec .cell>span{white-space:normal}}@media(prefers-reduced-motion:reduce){.mps-hero .mps-spec .cell.turn b{animation:none}}.mps-stage[data-moving] .mps-slide[data-pos]{filter:none}.mps-stage[data-moving] .mps-slide[data-pos] .cap{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff7}.mps-stage[data-moving] .mps-slide[data-pos] .peek{-webkit-backdrop-filter:none;backdrop-filter:none}.mps-stage[data-moving] .mps-floor{filter:blur(6px)}.mps-stage .mps-rail{pointer-events:none}.mps-stage .mps-rail>*{pointer-events:auto}.mps-stage .mps-nav{z-index:9}
/*# sourceMappingURL=/cdn/shop/t/20/assets/mp-stage.css.map */