/* Transforms and opacity keep the calculations steady while the artwork moves. */
.instrument-art{animation:instrument-breathe 18s ease-in-out infinite alternate}.wheel-orbit{animation:orbit-light 90s linear infinite}.wheel-orbit:after{content:"";position:absolute;top:-2px;left:50%;width:4px;height:4px;border-radius:50%;background:#f1b59f;box-shadow:0 0 14px #f1b59f88}.motion-paused .instrument-art,.motion-paused .wheel-orbit,.page-hidden .instrument-art,.page-hidden .wheel-orbit,.art-offscreen .instrument-art,.art-offscreen .wheel-orbit{animation-play-state:paused}.motion-paused .motion-light{background:var(--muted);box-shadow:none}.motion-paused{scroll-behavior:auto}.number-instrument{overflow:clip}.book-previews figure{transition:transform 250ms var(--ease)}
@media(hover:hover) and (pointer:fine){body:not(.motion-paused) .book-previews figure:hover{transform:translateY(-6px)}body:not(.motion-paused) .button:hover{transform:translateY(-2px)}}
@keyframes instrument-breathe{from{transform:scale(.99);opacity:.82}to{transform:scale(1.012);opacity:.98}}
@keyframes orbit-light{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.book-previews figure:hover,.button:hover{transform:none!important}}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}
