/* The root state changes only on activity/idle transitions, never every frame. */
html.is-scrolling .marquee-track,
html.is-scrolling .kinetic-mark>.spectral-logo,
html.is-scrolling .artist-image-mask,
html.is-scrolling .artist-image,
html.is-scrolling .segment-motion{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine) and (min-width:651px){
 .spectral-inertia{transform:translate3d(0,var(--spectral-inertia-y,0px),0)}
 .artist-index-left .artist-row:hover .artist-name,.artist-index-left .artist-row:focus-visible .artist-name,.artist-index-left .artist-row.is-selected .artist-name{transform:translateX(10px)}
 .artist-index-right .artist-row:hover .artist-name,.artist-index-right .artist-row:focus-visible .artist-name,.artist-index-right .artist-row.is-selected .artist-name{transform:translateX(-10px)}
 .artist-index-left .artist-row:hover .artist-index-number,.artist-index-left .artist-row:focus-visible .artist-index-number,.artist-index-left .artist-row.is-selected .artist-index-number{transform:translateX(-3px)}
 .artist-index-right .artist-row:hover .artist-index-number,.artist-index-right .artist-row:focus-visible .artist-index-number,.artist-index-right .artist-row.is-selected .artist-index-number{transform:translateX(3px)}
 .artist-index-number{transition:transform 240ms cubic-bezier(.22,1,.36,1)}
 .contact-entry a.spectral-magnet,.contact-entry a.spectral-magnet:hover{transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0);transition:transform 260ms cubic-bezier(.22,1,.36,1)}
}
@media(prefers-reduced-motion:reduce){.spectral-inertia{transform:none!important}.contact-entry a.spectral-magnet{transform:none!important}}