.scroll-companion{position:fixed;z-index:30;top:91px;right:max(7px,calc((100vw - 1350px)/2 - 55px));bottom:18px;width:40px;pointer-events:none;--journey-pct:0%}
.companion-track{display:none}
.companion-animal{position:absolute;top:0;left:0;width:40px;height:40px;will-change:transform}
.companion-animal svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 2px #f7f3ec)}
.scroll-companion[data-surface="plum"] .companion-animal svg{filter:none}
.scroll-companion[data-surface="plum"] svg [fill="#5b2b54"]{fill:#f7f3ec}
.scroll-companion[data-surface="plum"] svg [fill="#42223d"]{fill:#e6d6e2}
.scroll-companion[data-surface="plum"] svg [fill="#f7f3ec"]{fill:#5b2b54}
.scroll-companion[data-surface="plum"] svg [stroke="#c4a5be"]{stroke:#5b2b54}
.animal-turtle,.animal-rabbit{transform-origin:32px 32px}
.animal-rabbit{opacity:0}
@media(min-width:1501px){.scroll-companion{right:calc((100vw - 1350px)/2 - 68px);width:52px}.companion-animal{width:52px;height:52px}}
@media(max-width:1500px){
  body{padding-bottom:38px}
  .scroll-companion{top:auto;right:0;bottom:0;left:0;width:auto;height:38px;background:#f7f3ec;border-top:1px solid #cdbfc7}
  .companion-track{display:block;position:absolute;left:18px;right:18px;bottom:9px;height:1px;background:#cdbfc7}
  .companion-fill{height:100%;width:var(--journey-pct)}
  .companion-fill{background:#5b2b54}
  .companion-animal{top:0;left:18px;width:30px;height:30px}
}
@media(prefers-reduced-motion:reduce){.scroll-companion{display:none}body{padding-bottom:0}}