Scroll mascot

The mascot is fixed to the viewport, cropped by the right-hand edge, and follows the scrollbar thumb. It reaches as the page moves and squishes when it hits the top or bottom. It is decorative: aria-hidden, never clickable, and hidden below the medium breakpoint. The Tech site draws it once in its layout, outside the Alpine-AJAX swap target, so it survives a page change.

It stays invisible until scroll-mascot.js places it, and the Design site does not load that script, so the tag below mounts without covering this page. These are the three frames it switches between.

peek, reach, squish

Drop the tag once, beside the footer rather than inside the swapped region, and load the script with the rest of the layout's scripts.

<koala-scroll-mascot />
<script defer src="~/_content/Koala.Web/js/scroll-mascot.js"></script>