/* Relay House presentation animation. No simulated DSP or working controls. */
.product-motion{position:relative;isolation:isolate;overflow:hidden;background:#15191c;border:1px solid #ffffff22;border-radius:8px;box-shadow:0 18px 45px #0005}
.product-motion img{display:block;width:100%;height:auto;position:relative;z-index:1;transform-origin:center;animation:relay-breathe 8s ease-in-out infinite}
.product-motion::after{content:"";position:absolute;inset:-50% -100%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#fff0 46%,#ffffff0c 49%,#ffffff16 50%,#ffffff05 53%,transparent 57%);transform:translateX(-35%);animation:relay-light 9s ease-in-out infinite}
.product-motion::before{content:"";position:absolute;z-index:3;pointer-events:none;inset:0;border:1px solid #df293544;border-radius:inherit;animation:relay-edge 4s ease-in-out infinite}
.product-motion:hover img{animation-play-state:paused}.product-motion:hover::after{animation-duration:5s}
.product-motion[data-product="heat"]::before{border-color:#e7a04e55}.product-motion[data-product="2500"]::before{border-color:#4f9ad866}.product-motion[data-product="still"]::before{border-color:#67b8ad66}
.build-status{display:inline-flex;align-items:center;gap:8px}.build-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#df2935;box-shadow:0 0 9px #df2935;animation:relay-status 2.5s ease-in-out infinite}
@keyframes relay-light{0%,15%{transform:translateX(-35%)}75%,100%{transform:translateX(35%)}}
@keyframes relay-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.008)}}
@keyframes relay-edge{0%,100%{opacity:.25}50%{opacity:.85}}
@keyframes relay-status{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.product-motion img,.product-motion::before,.product-motion::after,.build-status::before{animation:none}.product-motion::after{display:none}}