.mx-sl{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4vw;padding:70px max(24px,calc((100% - var(--page-width, 1320px)) / 2)) 110px;color:var(--sl-fg);visibility:hidden;z-index:1}.mx-sl.is-active{visibility:visible;z-index:2}.mx-sl__bgimg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;transition:opacity 1s}.mx-sl__bgimg img{width:100%;height:100%;object-fit:cover}.mx-sl.is-active .mx-sl__bgimg{opacity:1}.mx-sl__copy{position:relative;z-index:3;max-width:var(--mx-maxw);display:flex;flex-direction:column;align-items:flex-start}.mx-sl--a-center .mx-sl__copy{align-items:center;text-align:center;margin-inline:auto}.mx-sl--a-right .mx-sl__copy{align-items:flex-end;text-align:right;margin-left:auto}.mx-sl__kicker{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;opacity:.85}.mx-sl__title{margin:0;font-family:var(--mx-font-h);font-weight:var(--fw-heading, 500);font-size:var(--mx-h-d);line-height:1.02;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere}.mx-sl__sub{margin:16px 0 0;font-size:var(--mx-sub-d);line-height:1.35;opacity:.92}.mx-sl__text{margin:12px 0 0;font-size:var(--mx-t-d);line-height:var(--mx-lh);opacity:.82;max-width:46ch}.mx-sl__price{margin:18px 0 0;font:600 22px/1 var(--mx-font-b);letter-spacing:.02em}.mx-sl__price s{opacity:.6;font-size:.7em;margin-left:6px}.mx-sl__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px}.mx-sl__btn{--b-bg: var(--sl-accent);--b-fg: var(--sl-bg)}.mx-sl__link{color:inherit;font-size:14px;text-underline-offset:4px}.mx-sl__visual{position:relative;z-index:2;height:100%;display:grid;place-items:center}.mx-sl__hero{position:relative;display:block;width:calc(78% * var(--sl-img));max-height:100%}.mx-sl__hero img,.mx-sl__hero .mx-ph{display:block;width:100%;height:auto;max-height:calc(var(--hero-h) - 160px);object-fit:contain;filter:drop-shadow(0 34px 40px rgba(0,0,0,.28))}.mx-sl__deco{position:absolute;left:-8%;bottom:6%;width:46%;z-index:-1}.mx-sl__deco img{width:100%;height:auto;filter:drop-shadow(0 20px 24px rgba(0,0,0,.2))}.mx-sl__word{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--mx-font-h);font-weight:800;font-size:clamp(90px,17vw,300px);line-height:.8;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:currentColor;opacity:.1;pointer-events:none}.mx-sl .mx-sl__copy>*,.mx-sl .mx-sl__hero,.mx-sl .mx-sl__deco,.mx-sl .mx-sl__word{transition:opacity calc(.7s * var(--mx-speed)) var(--mx-ease),transform calc(.9s * var(--mx-speed)) var(--mx-ease);opacity:0}.mx-sl.is-active .mx-sl__copy>*,.mx-sl.is-active .mx-sl__hero,.mx-sl.is-active .mx-sl__deco{opacity:1;transform:none}.mx-sl.is-active .mx-sl__word{opacity:.1}.mx-sl.is-active .mx-sl__copy>:nth-child(2){transition-delay:.08s}.mx-sl.is-active .mx-sl__copy>:nth-child(3){transition-delay:.16s}.mx-sl.is-active .mx-sl__copy>:nth-child(4){transition-delay:.24s}.mx-sl.is-active .mx-sl__copy>:nth-child(n+5){transition-delay:.32s}.mx-sl.is-active .mx-sl__hero{transition-delay:.1s}.mx-sl.is-active .mx-sl__deco{transition-delay:.28s}.mx-sl--rise .mx-sl__copy>*{transform:translateY(24px)}.mx-sl--rise .mx-sl__hero{transform:translateY(18%) rotate(-6deg)}.mx-sl--rise .mx-sl__deco{transform:translate(-20%,20%) rotate(-20deg)}.mx-sl--slide .mx-sl__copy>*{transform:translate(-40px)}.mx-sl--slide .mx-sl__hero{transform:translate(30%)}.mx-sl--slide .mx-sl__deco{transform:translate(-30%)}.mx-sl--zoom .mx-sl__copy>*{transform:scale(.96)}.mx-sl--zoom .mx-sl__hero{transform:scale(.7)}.mx-sl--zoom .mx-sl__deco{transform:scale(.5)}.mx-sl--tilt .mx-sl__copy>*{transform:translateY(20px)}.mx-sl--tilt .mx-sl__hero{transform:perspective(900px) rotateY(-35deg) rotate(8deg) translate(20%)}.mx-sl--tilt .mx-sl__deco{transform:rotate(40deg) scale(.6)}[data-dir="-1"] .mx-sl--slide .mx-sl__hero{transform:translate(-30%)}.mx-hero{padding:0;background:var(--hero-bg, var(--mx-bg));transition:background-color calc(.9s * var(--mx-speed)) var(--mx-ease)}.mx-hero:not(.mx--full) .mx-hero__stage{width:min(var(--page-width, 1320px),calc(100% - 32px));margin:var(--mx-pt-d) auto var(--mx-pb-d);border-radius:var(--mx-radius);overflow:hidden}.mx-hero__stage{position:relative;height:var(--hero-h);overflow:hidden;touch-action:pan-y}.mx-hero__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-bg);transition:background-color calc(.9s * var(--mx-speed)) var(--mx-ease)}.mx-hero--left .mx-sl{direction:rtl}.mx-hero--left .mx-sl>*{direction:ltr}.mx-hero--center .mx-sl{grid-template-columns:1fr;text-align:center}.mx-hero--center .mx-sl__copy{align-items:center;margin-inline:auto;grid-row:1;z-index:3}.mx-hero--center .mx-sl__visual{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.9}.mx-hero--tilt .mx-sl__hero img{transform:rotate(-12deg)}.mx-hero--circle .mx-sl__visual:before{content:"";position:absolute;width:min(80%,calc(var(--hero-h) - 140px));aspect-ratio:1;border-radius:50%;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff4d}.mx-hero__ui{position:absolute;left:max(24px,calc((100% - var(--page-width, 1320px)) / 2));right:max(24px,calc((100% - var(--page-width, 1320px)) / 2));width:auto!important;bottom:26px;margin:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;--mx-fg: var(--hero-fg, #fff);color:var(--hero-fg, #fff);--mx-nav-justify: flex-end}.mx-hero__ui .mx-nav{margin:0 0 0 auto}.mx-hero__count{margin:0}.mx-hero__bar{position:absolute;left:0;bottom:0;height:3px;width:100%;z-index:6;background:var(--hero-fg, #fff);opacity:.7;transform-origin:0 50%;transform:scaleX(0)}.mx-hero__bar.is-run{animation:mxBar var(--bar-ms, 5s) linear forwards}@keyframes mxBar{to{transform:scaleX(1)}}.mx-hero__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0}@media(max-width:749px){.mx-hero:not(.mx--full) .mx-hero__stage{margin:var(--mx-pt-m) auto var(--mx-pb-m)}.mx-hero__stage{height:var(--hero-hm)}.mx-sl{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:22px 20px 92px;align-items:end;direction:ltr!important}.mx-sl__visual{grid-row:1;height:auto;min-height:0;align-self:stretch}.mx-sl__hero{width:calc(62% * var(--sl-img))}.mx-sl__hero img,.mx-sl__hero .mx-ph{max-height:calc(var(--hero-hm) * .42)}.mx-sl__copy{grid-row:2;align-items:var(--mx-justify-m, flex-start);text-align:var(--mx-align-m, left);max-width:100%}.mx-sl__title{font-size:var(--mx-h-m)}.mx-sl__sub{font-size:var(--mx-sub-m);margin-top:10px}.mx-sl__text{font-size:var(--mx-t-m);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mx-sl__actions{margin-top:18px;gap:12px}.mx-sl__word{font-size:26vw;top:32%}.mx-hero__ui{bottom:18px;left:20px;right:20px}.mx-hero--center .mx-sl__visual{position:relative}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/mx-hero.css.map */