/* A quiet material treatment shared by the product previews. */
[data-motion-scene]{--depth-x:0deg;--depth-y:0deg}
.visual-depth{transform:perspective(1300px) rotateX(var(--depth-x)) rotateY(var(--depth-y));transition:transform .7s cubic-bezier(.2,.65,.2,1);transform-origin:50% 55%}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:5px 9px;color:#596e63;background:#ffffffad;border:1px solid #ffffffd9;border-radius:7px;font:500 10px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;cursor:pointer;backdrop-filter:blur(12px)}
.motion-toggle:hover{background:#fff}.motion-toggle:focus-visible{outline:3px solid #6b90b8;outline-offset:3px}.motion-toggle:disabled{opacity:.7;cursor:default}.motion-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4}.motion-toggle[aria-pressed=true] svg{fill:currentColor;stroke:none}
.editorial-motion-image{transform:scale(1.025);animation:editorial-breathe 16s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:50% 50%}
.motion-running .editorial-motion-image{animation-play-state:running}
.editorial-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s;pointer-events:none}.editorial-video.is-ready{opacity:1}
.material-light{position:absolute;inset:-40%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,#ffffff1c 49%,#ffffff03 55%,transparent 65%);transform:translateX(-15%) rotate(-8deg);animation:material-light 15s ease-in-out infinite alternate;animation-play-state:paused;mix-blend-mode:screen}
.motion-running .material-light{animation-play-state:running}
@keyframes editorial-breathe{from{transform:scale(1.025) translate3d(-.2%,0,0)}to{transform:scale(1.065) translate3d(.5%,-.4%,0)}}
@keyframes material-light{from{transform:translateX(-20%) rotate(-8deg)}to{transform:translateX(18%) rotate(2deg)}}
@media(max-width:740px){.motion-toggle{min-height:44px;padding:8px 10px}.visual-depth{transform:none}}
@media(prefers-reduced-motion:reduce){.editorial-motion-image,.material-light{animation:none!important;transform:none!important}.visual-depth{transform:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.motion-toggle{background:#fff;backdrop-filter:none}.material-light{display:none}}
