.hoho-bundle-banner--walking{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;padding:4px 12px;min-height:44px}
.hoho-walk-copy{position:relative;max-width:560px;line-height:1.45}
.hoho-walk-lane{position:relative;height:36px;min-width:0;overflow:hidden;--lane-distance:100vw}
.hoho-walker{position:absolute;top:0;left:0;width:36px;height:36px;opacity:0;animation:hoho-walk-travel 90s linear infinite;animation-delay:var(--walk-delay)}
.hoho-walker__sprite{display:block;width:100%;height:100%;background-image:var(--hoho-cast);background-size:600% 600%;image-rendering:pixelated;clip-path:inset(var(--sprite-top,4%) 2% 0 9%);animation:hoho-walk-frames 640ms steps(1,end) infinite;background-position:calc(var(--sprite-col)*20%) calc(var(--sprite-row)*20%)}
@keyframes hoho-walk-travel{0%{transform:translateX(-40px);opacity:1}20%{transform:translateX(var(--lane-distance));opacity:1}20.01%,100%{transform:translateX(var(--lane-distance));opacity:0}}
@keyframes hoho-walk-frames{0%,49.99%{background-position:calc(var(--sprite-col)*20%) calc(var(--sprite-row)*20%);transform:translateY(0)}50%,100%{background-position:calc((var(--sprite-col) + 1)*20%) calc(var(--sprite-row)*20%);transform:translateY(-1px)}}
@media(max-width:900px){.hoho-bundle-banner--walking{grid-template-columns:minmax(0,1fr);gap:2px;padding:8px 12px}.hoho-walk-copy{grid-row:1;max-width:none}.hoho-walk-lane--1{grid-row:2}.hoho-walk-lane--2{display:none}.hoho-walk-lane{height:30px}.hoho-walker{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.hoho-walker,.hoho-walker__sprite{animation:none}.hoho-walker{display:none}.hoho-walker:first-child{display:block;left:calc(50% - 18px);opacity:1}}