.wm-why{--why-g: clamp(64px, 11vh, 124px);--ring-gap: 26px;--ring-r: calc(var(--why-r) + var(--ring-gap));--why-top: clamp(40px, 10vh, 130px);position:relative;isolation:isolate;overflow:clip;background:var(--why-bg);color:var(--why-fg)}.wm-why__inner{position:relative;z-index:2;max-width:1480px;margin:0 auto;padding:var(--why-pt) clamp(16px,4vw,64px) var(--why-pb);display:flex;flex-direction:column;align-items:center;text-align:center}.wm-why__title{position:relative;z-index:3;margin:0 0 clamp(14px,3vh,36px);font-family:var(--wm-font-display);font-weight:var(--wm-display-weight);font-style:var(--wm-display-style);text-transform:uppercase;letter-spacing:var(--wm-display-tracking, 0);font-size:min(var(--why-head),7.2vw,11vh);line-height:.92;text-wrap:balance}.wm-why__mask{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em .05em .04em;margin:-.06em -.05em -.04em}.wm-why__line{display:inline-block;white-space:nowrap;will-change:transform}.wm-why__line.is-solid{color:var(--why-fg)}.wm-why__line.is-gold{color:var(--why-accent)}.wm-why__line.is-outline{color:transparent;-webkit-text-stroke:var(--why-ow) var(--why-fg);paint-order:stroke fill;cursor:default;background-image:linear-gradient(0deg,var(--wm-glow, var(--why-accent)) 50%,transparent 50%);background-size:100% 200%;background-position:0 0;-webkit-background-clip:text;background-clip:text;transition:background-position .9s var(--wm-ease),-webkit-text-stroke-color .5s var(--wm-ease),filter .6s var(--wm-ease)}.wm-why[data-sweep=true] .wm-why__line.is-outline:hover,.wm-why.is-filled .wm-why__line.is-outline{background-position:0 100%;-webkit-text-stroke-color:var(--wm-glow, var(--why-accent))}.wm-why__stage{position:relative;width:100%;min-width:0}.wm-why__list{position:relative;z-index:2;list-style:none;margin:0;padding:0}.wm-why__item{position:relative;margin:0 auto clamp(56px,8vh,96px);max-width:min(880px,66%);transform-origin:50% var(--why-r)}.wm-why__item:last-child{margin-bottom:0}.wm-why__num{display:inline-flex;align-items:flex-end;gap:.45em;margin:0 0 clamp(8px,1.6vh,16px);line-height:1}.wm-why__n{font-family:var(--wm-font-display);font-weight:var(--wm-display-weight);font-style:var(--wm-display-style);font-size:var(--why-g);line-height:.82;letter-spacing:.01em;color:transparent;-webkit-text-stroke:1.5px var(--why-fg);paint-order:stroke fill}.wm-why__of{padding-bottom:.35em;font-family:var(--wm-font-display);font-weight:var(--wm-display-weight);font-size:clamp(15px,1.25vw,20px);letter-spacing:.1em;color:var(--why-accent)}.wm-why__head{margin:0 auto clamp(10px,2vh,20px);max-width:24ch;font-family:var(--wm-font-display);font-weight:var(--wm-display-weight);font-style:var(--wm-display-style);text-transform:uppercase;letter-spacing:var(--wm-display-tracking, 0);font-size:clamp(38px,min(5.2vw,8.6vh),92px);line-height:.9;color:var(--why-fg);text-wrap:balance}.wm-why__desc{margin:0 auto;max-width:46ch;font-family:var(--wm-font-body);font-size:clamp(16px,1.3vw,21px);line-height:1.55;color:var(--why-desc);text-wrap:pretty}.wm-why__dial,.wm-why.is-stack .wm-why__obj{display:none}.wm-why.is-pin .wm-why__inner{height:100vh;height:100svh;min-height:560px;padding-top:clamp(76px,11vh,120px);padding-bottom:clamp(12px,3vh,36px)}.wm-why.is-pin .wm-why__stage{flex:1 1 auto;min-height:0}.wm-why.is-pin .wm-why__list{position:absolute;top:0;right:0;bottom:0;left:0}.wm-why.is-pin .wm-why__item{position:absolute;left:0;right:0;top:var(--why-top);margin:0 auto;transform-origin:50% var(--why-r);will-change:transform,opacity;backface-visibility:hidden}.wm-why.is-pin .wm-why__dial{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.wm-why__ring{position:absolute;left:50%;top:calc(var(--why-top) - var(--ring-gap));width:calc(2 * var(--ring-r));height:calc(2 * var(--ring-r));margin-left:calc(-1 * var(--ring-r));border-radius:50%;border:2px dotted color-mix(in srgb,var(--why-accent) 50%,transparent)}.wm-why__mark{position:absolute;left:50%;top:0;width:0;height:0;transform-origin:0 var(--ring-r);transform:rotate(calc(var(--k) * var(--mark-step, -30deg)))}.wm-why__mark i{position:absolute;left:-7px;top:-8px;width:14px;height:14px;border-radius:50%;border:2px solid var(--why-accent);background:var(--why-bg);transition:background .35s,box-shadow .35s,transform .35s}.wm-why__mark.is-on i{background:var(--why-accent);transform:scale(1.15);box-shadow:0 0 0 6px color-mix(in srgb,var(--why-accent) 20%,transparent)}.wm-why__nav{display:none}.wm-why.is-arrows .wm-why__list{display:grid}.wm-why.is-arrows .wm-why__item{grid-area:1 / 1;margin:var(--why-top) auto 0;width:100%;transform-origin:50% var(--why-r);will-change:transform,opacity}.wm-why.is-arrows .wm-why__dial{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.wm-why.is-arrows .wm-why__nav{display:flex;align-items:center;justify-content:center;margin-top:clamp(18px,3svh,30px)}.wm-why.is-arrows .wm-why__arrow{position:absolute;z-index:4;top:calc(var(--why-top) + var(--why-g) + clamp(14px,4vw,26px))}.wm-why.is-arrows [data-why-prev]{left:-6px}.wm-why.is-arrows [data-why-next]{right:-6px}.wm-why.is-arrows .wm-why__item{padding-inline:46px;box-sizing:border-box}.wm-why__arrow{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;cursor:pointer;background:var(--why-accent);color:var(--why-bg);border:2px solid var(--why-accent);transition:box-shadow .45s var(--wm-ease),border-color .4s var(--wm-ease),transform .3s var(--wm-ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.wm-why__arrow svg{width:44%;height:44%}.wm-why__arrow:hover,.wm-why__arrow:focus-visible{border-color:var(--why-fg);box-shadow:0 0 0 6px color-mix(in srgb,var(--why-accent) 28%,transparent),0 0 34px color-mix(in srgb,var(--why-accent) 60%,transparent);outline:none}.wm-why__arrow:active{transform:scale(.92)}.wm-why__count{margin:0;min-width:4.6em;font-family:var(--wm-font-display);font-weight:var(--wm-display-weight);font-size:18px;letter-spacing:.12em;color:var(--why-accent)}.wm-why__count b{color:var(--why-fg);font-weight:inherit}.wm-why__obj{position:absolute;z-index:0;top:0;width:min(var(--ow),15vw);pointer-events:none}.wm-why__obj.is-left{right:calc(100% + clamp(8px,2vw,36px))}.wm-why__obj.is-right{left:calc(100% + clamp(8px,2vw,36px));top:calc(var(--why-g) * 1.1)}.wm-why__obj-spin{display:block;transform:rotate(calc(var(--d, 0) * 70deg));will-change:transform}.wm-why__obj.is-right .wm-why__obj-spin{transform:rotate(calc(var(--d, 0) * 55deg))}.wm-why__float-in{display:block;will-change:transform;animation:wmWhyOrbit calc(10s / var(--why-float-speed)) linear infinite}.wm-why__obj.is-right .wm-why__float-in{animation-duration:calc(12.5s / var(--why-float-speed));animation-direction:reverse;animation-delay:-4s}.wm-why__obj img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.5))}.wm-why.is-js:not(.is-inview) .wm-why__float-in{animation-play-state:paused}@keyframes wmWhyOrbit{0%{transform:rotate(0) translate(var(--orbit-r, 14px)) rotate(0)}to{transform:rotate(360deg) translate(var(--orbit-r, 14px)) rotate(-340deg)}}@media(max-width:989px){.wm-why{--why-g: clamp(56px, 16vw, 88px);--why-top: clamp(30px, 5svh, 44px);--ring-gap: 18px}.wm-why.is-pin{--why-r: var(--why-r-m)}.wm-why__inner{padding-inline:16px}.wm-why__title{font-size:clamp(38px,12.5vw,76px)}.wm-why__item{max-width:min(560px,100%)}.wm-why__head{font-size:clamp(32px,9.4vw,54px);max-width:16ch}.wm-why__desc{font-size:15.5px;max-width:34ch}.wm-why.is-pin .wm-why__inner{padding-top:clamp(72px,10svh,96px);min-height:0}.wm-why.is-pin .wm-why__item{min-height:330px}.wm-why{--orbit-r: 8px}.wm-why__obj{top:calc(var(--why-g) * -.38);width:min(calc(var(--ow) * .42),22vw)}.wm-why__obj.is-left{right:auto;left:2%}.wm-why__obj.is-right{left:auto;right:2%;top:calc(var(--why-g) * -.2)}.wm-why.is-arrows{--why-r: var(--why-r-m)}.wm-why.is-arrows .wm-why__head{font-size:clamp(28px,8.2vw,46px)}.wm-why.is-arrows .wm-why__desc{font-size:14.5px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.wm-why__float-in{animation:none}.wm-why__obj-spin{transform:none!important}.wm-why__line.is-outline{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wm-why.css.map */