/* Product choreography lives on the wrapper; fabric buoyancy stays on the image. */
.showroom.motion-ready{transition:background-color 1.6s ease}
.motion-ready .hero-product{transition:none;transform:translate3d(0,32px,-70px) rotate(-9deg) scale(.88);transform-origin:50% 45%;backface-visibility:hidden}
.motion-ready .hero-product.is-active{transform:translate3d(0,0,0) rotate(-3deg) scale(1)}
.motion-ready .hero-product.is-active img{animation:semvo-buoy 7.4s ease-in-out infinite;will-change:transform}
.motion-ready .hero-product[data-look="1"].is-active img{animation-duration:8.2s}
.motion-ready .hero-product[data-look="2"].is-active img{animation-duration:6.8s}
.motion-ready .product-shadow{animation:semvo-shadow 7.4s ease-in-out infinite}
.motion-ready .showroom-aura{background:radial-gradient(ellipse at 50% 50%,#6e5340,transparent 62%);animation:semvo-ambient 18s ease-in-out infinite;transform-origin:45% 55%;transition:opacity 1.6s}
.motion-ready .showroom-aura:before,.motion-ready .showroom-aura:after{content:'';position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}
.motion-ready .showroom-aura:before{background:radial-gradient(ellipse at 45% 55%,#73765a,transparent 64%)}
.motion-ready .showroom-aura:after{background:radial-gradient(ellipse at 55% 45%,#896b45,transparent 65%)}
.motion-ready[data-product="1"] .showroom-aura:before,.motion-ready[data-product="2"] .showroom-aura:after{opacity:1}
.motion-ready .product-orbit{border-color:rgba(238,231,206,.07);animation:semvo-orbit 36s linear infinite}
.motion-ready .product-orbit:before{content:'';position:absolute;top:14%;left:14%;width:4px;height:4px;border-radius:50%;background:rgba(238,231,206,.3);box-shadow:0 0 16px rgba(238,231,206,.1)}
.motion-ready .stage-word{animation:semvo-word 11s ease-in-out infinite}
.motion-ready .slide-progress i{position:relative;overflow:hidden}
.motion-ready[data-motion="playing"] .slide-progress i.active{background:#817d6c}
.motion-ready[data-motion="playing"] .slide-progress i.active:after{content:'';position:absolute;inset:0;background:#eeeadb;transform-origin:left;animation:semvo-progress var(--look-duration,6200ms) linear both}
.motion-ready:not([data-motion="playing"]) :is(.hero-product.is-active img,.product-shadow,.showroom-aura,.product-orbit,.stage-word){animation-play-state:paused}
.slide-controls #motion-toggle{width:auto;min-width:59px;height:29px;padding:0 11px;border-radius:20px;font-size:8px;line-height:1;letter-spacing:.015em;white-space:nowrap}
.slide-controls #motion-toggle[aria-pressed="true"]{background:rgba(255,255,255,.09)}
.slide-controls #motion-toggle:disabled{cursor:default;opacity:.6}
@keyframes semvo-buoy{0%,100%{transform:translate3d(0,5px,0) rotate(.9deg)}25%{transform:translate3d(4px,-8px,0) rotate(-.8deg)}50%{transform:translate3d(-2px,-22px,0) rotate(-1.5deg)}75%{transform:translate3d(-4px,-5px,0) rotate(.4deg)}}
@keyframes semvo-shadow{0%,100%{transform:scale(1.03);opacity:.34}50%{transform:scale(.8);opacity:.19}}
@keyframes semvo-ambient{0%,100%{transform:translate3d(-1%,0,0) scale(1)}50%{transform:translate3d(2%,3%,0) scale(1.07)}}
@keyframes semvo-orbit{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
@keyframes semvo-word{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-53%) scale(1.025)}}
@keyframes semvo-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.slide-controls{gap:8px}.slide-controls #motion-toggle{height:27px;min-width:57px;padding:0 8px}.motion-ready .hero-bottom{grid-template-columns:1fr;gap:12px}.motion-ready .hero-image-note{justify-self:start;text-align:left}.motion-ready .hero-image-note br{display:none}.motion-ready .hero-product.is-active img{animation-name:semvo-buoy-small}}
@keyframes semvo-buoy-small{0%,100%{transform:translate3d(0,4px,0) rotate(.7deg)}25%{transform:translate3d(3px,-6px,0) rotate(-.6deg)}50%{transform:translate3d(-2px,-17px,0) rotate(-1.2deg)}75%{transform:translate3d(-3px,-4px,0) rotate(.3deg)}}
@media(prefers-reduced-motion:reduce){.motion-ready .hero-product{transform:none;will-change:auto}.motion-ready .hero-product.is-active{transform:rotate(-3deg)}.motion-ready .hero-product.is-active img{will-change:auto}.motion-ready .product-orbit{transform:rotate(-24deg)}.motion-ready .stage-word{transform:translate(-50%,-50%)}.motion-ready .slide-progress i.active:after{animation:none;transform:scaleX(1)}}