/* E remains the page. These rules replace only its hero motion. */
body.e-hero-study .s8-hero-art .s8-name,
body.e-hero-study .s8-hero-art .s8-name>span,
body.e-hero-study .s8-hero-art .s8-hero-person{transform:none}
body.e-hero-study .s8-hero-art .s8-name>span{
 color:var(--s8-ink);-webkit-text-fill-color:var(--s8-ink);-webkit-text-stroke:0;
}
body.e-hero-study .s8-hero-art .s8-name>span::after{display:none}
body.e-hero-study .s8-hero-art .s8-hero-person{clip-path:none}
body.e-hero-study .s8-hero-art .s8-baseline{transform:scaleX(1)}
body.e-hero-study .s8-hero-art{touch-action:pan-y;perspective:1300px}
body.e-hero-study .s8-hero-art [data-hero-decoration]{pointer-events:none}
body.e-hero-study [data-hero-replay]{display:none}
body.e-hero-study.hero-running [data-hero-replay]{display:inline-block}
body.e-hero-study [data-hero-replay]:disabled{opacity:.5;cursor:default}
body.e-hero-study [data-ex-controls]{flex-wrap:wrap}
/* All motion is driven by a finite clock; no CSS animation loops. */
@media(prefers-reduced-motion:reduce){
 body.e-hero-study .s8-hero-art *{animation:none!important;transition:none!important}
}