/* One visualization, two intentional compositions. Reading has its own space. */
.home .hero-mobile-art{position:relative;display:block;inset:auto;width:min(100%,320px);max-width:100%;height:280px;margin:20px auto 0;z-index:auto;overflow:visible;pointer-events:none}
.home .hero-mobile-art noscript{display:block;width:100%;height:100%}
.home .hero-mobile-still{display:block;width:100%;height:100%;object-fit:contain;opacity:.72}
.home .hero-animation-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,320px);min-height:44px;margin:0 auto 20px;z-index:3}
.home .hero-animation-caption{flex:1;min-width:0;margin:0;color:#575757;font-size:.875rem;line-height:1.5;letter-spacing:0}
.home .hero-animation-footer .page-motion{position:static;flex:none;width:44px;min-height:44px;margin:0;inset:auto!important}
.home .hero-animation-footer .page-motion[hidden]{display:none}
.home .hero-animation-footer+.actions{margin-top:20px}
@media(min-width:1000px){
 .home .hero-mobile-art{display:none}
 .home .hero-animation-footer{position:absolute;width:280px;max-width:none;margin:0;left:calc(100% + 30px);top:300px}
 .home .rp-home-hero:not([data-animation-ready]) .hero-animation-footer{visibility:hidden}
 .home .hero-animation-footer+.actions{margin-top:29px}
}
.is-enlarged .home .hero-mobile-art{display:block;position:relative;inset:auto;width:min(100%,400px);max-width:100%;height:340px;margin:20px auto 0}
.is-enlarged .home .hero-animation-footer{position:relative;inset:auto!important;width:min(100%,400px);max-width:100%;margin:0 auto 20px}
.is-enlarged .home .hero-animation-footer .page-motion{width:44px}
@media(prefers-reduced-motion:reduce){.home .hero-animation-footer .page-motion{display:none}}
@media(forced-colors:active){.home .hero-mobile-art,.home .hero-animation-footer{display:none}}
@media print{.home .hero-mobile-art,.home .hero-animation-footer{display:none!important}}