/* V48: native mark motion from the three BLUEGANGES login-final studies.
   Geometry and durations are preserved: rotor 16s; boat 7s; orbit 12s. */
#blueganges [data-product-mark] .bg-mark-rotor{transform-box:view-box;transform-origin:24px 24px;animation:bg-mark-spin 16s linear infinite}
#blueganges [data-product-mark] .bg-mark-boat{transform-box:view-box;transform-origin:24px 34px;animation:bg-mark-boat 7s ease-in-out infinite}
#blueganges [data-product-mark] .bg-mark-sheen{transform-box:view-box;animation:bg-mark-sheen 5.5s linear infinite}
#blueganges [data-product-mark] .bg-mark-wake{animation:bg-mark-wake 1.9s linear infinite}
#blueganges [data-product-mark] .bg-mark-orbit{animation:bg-mark-orbit 12s linear infinite}
#blueganges [data-product-mark] .bg-mark-orbit-head{animation:bg-mark-orbit-head 12s linear infinite}
#blueganges .bg-product:is(:hover,:focus-visible) .bg-mark-rotor{animation-duration:4.5s}
#blueganges .bg-product:is(:hover,:focus-visible) .bg-mark-wake{animation-duration:1s}
#blueganges .bg-product:is(:hover,:focus-visible) .bg-mark-sheen{animation-duration:2.6s}
#blueganges .bg-product:is(:hover,:focus-visible) :is(.bg-mark-orbit,.bg-mark-orbit-head){animation-duration:5s}
@keyframes bg-mark-spin{to{transform:rotate(360deg)}}
@keyframes bg-mark-boat{0%,100%{transform:translateY(.56px) rotate(-1.26deg)}50%{transform:translateY(-.56px) rotate(1.26deg)}}
@keyframes bg-mark-sheen{from{transform:translateX(0)}to{transform:translateX(52px)}}
@keyframes bg-mark-wake{from{stroke-dashoffset:0}to{stroke-dashoffset:-13}}
@keyframes bg-mark-orbit{from{stroke-dashoffset:0}to{stroke-dashoffset:-92.6}}
@keyframes bg-mark-orbit-head{from{stroke-dashoffset:-7}to{stroke-dashoffset:-99.6}}
#blueganges[data-product-motion="paused"] [data-product-mark] *,
body.motion-paused #blueganges [data-product-mark] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#blueganges [data-product-mark] *{animation:none!important}}