/* Hero only. Original RGB by day; the established converted ink by night. */
:root[data-paper=day] .hero-motion-ready [data-source="bonukset/art/hero-base"]{--original-day:url("/assets/mockup/v9-loki/bonukset/art/hero-motion-v4/base-day.lossless.a2-desktop-1334-q92.webp?v=4898c271f6")}
:root[data-paper=night] .hero-motion-ready [data-source="bonukset/art/hero-base"]{--art:var(--hero-base)!important}
.hero-plate.hero-motion-ready .brig-motion{transform-origin:20% 48.5%;animation:bonus-anchor-v4 7.2s ease-in-out infinite}
.hero-plate.hero-motion-ready .flag-motion{transform-origin:5.95% 29%;animation:bonus-flag-v4 3.6s ease-in-out infinite}
.hero-plate.hero-motion-ready .bay-motion{animation:none;transform:none}
.hero-motion-ready .water-window{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.hero-motion-ready .water-breathe{transform-origin:50% 48%;animation:bonus-water-v4 8.6s ease-in-out infinite}
.hero-motion-ready .water-reflection{animation:bonus-reflection-v4 7.2s ease-in-out infinite}
.hero-motion-ready .water-night{filter:url(#ink-night)}
:root[data-paper=day] .hero-motion-ready .water-night,:root[data-paper=night] .hero-motion-ready .water-day{display:none}
.hero-motion-ready .hero-lights{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hero-motion-ready .coin-spark{fill:#fffaf0;opacity:0;transform-box:fill-box;transform-origin:center}
.hero-motion-ready .lens-sweep{animation:bonus-lens-v4 6.4s ease-in-out infinite;opacity:0}
@keyframes bonus-anchor-v4{0%,100%{transform:translateY(3px) rotate(-1.35deg)}50%{transform:translateY(-3px) rotate(1.35deg)}}
/* Whole flag + inset paper stay together; the mast-side attachment is fixed. */
@keyframes bonus-flag-v4{0%,100%{transform:skewY(-7deg) scaleX(.9)}50%{transform:skewY(7deg) scaleX(1)}}
@keyframes bonus-water-v4{0%,100%{transform:translateX(-.35%) scaleY(1)}50%{transform:translateX(.35%) scaleY(1.04)}}
@keyframes bonus-reflection-v4{0%,100%{transform:translateY(1.5px)}50%{transform:translateY(-1.5px)}}
@keyframes bonus-lens-v4{0%,57%,100%{transform:translate(-38px,18px);opacity:0}66%{opacity:.45}74%{transform:translate(0,0);opacity:.85}85%{transform:translate(38px,-18px);opacity:0}}
@media(prefers-reduced-motion:reduce){
 .hero-motion-ready .hero-lights{display:none}
 .hero-motion-ready .water-breathe,.hero-motion-ready .water-reflection{animation:none!important;transform:none!important}
}

/* Matching half-width sources; geometry and motion are unchanged. */
@media(max-width:700px){
/* Hero only. Original RGB by day; the established converted ink by night. */
:root[data-paper=day] .hero-motion-ready [data-source="bonukset/art/hero-base"]{--original-day:url("/assets/mockup/v9-loki/bonukset/art/hero-motion-v4/base-day.lossless.a2-phone-724-q92.webp?v=e421b93d0f")}
}

.hero-motion-ready .bay-motion > .ink-layer{background-image:none;mask-image:none;-webkit-mask-image:none}