.hero-art-frame .hero-art{animation:none;transform:none}
#hero-orbit{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;opacity:0;transition:opacity .75s ease;pointer-events:none}
.hero-art-frame.orbit-ready #hero-orbit{opacity:1}
.hero-art-frame.orbit-ready .hero-art{opacity:0;animation:none;transition:opacity .75s ease}
.orbit-toggle{position:absolute;top:22px;right:22px;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;min-width:82px;border:1px solid #ffffff38;border-radius:4px;padding:7px 10px;background:#0613279e;color:#e3edff;font-size:.875rem;line-height:1.4;backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease}
.orbit-toggle[hidden]{display:none}
.orbit-toggle:hover{background:#123463;border-color:#91baff}
.orbit-toggle svg{width:14px;height:14px;flex-shrink:0}
.orbit-play-icon{display:none}
.orbit-toggle.is-paused .orbit-pause-icon{display:none}
.orbit-toggle.is-paused .orbit-play-icon{display:block}
.hero-visual:has(.orbit-toggle:not([hidden])) .visual-top{max-width:calc(100% - 145px)}
@media(max-width:700px){.orbit-toggle{top:17px;right:17px;min-height:34px;min-width:77px}.hero-visual:has(.orbit-toggle:not([hidden])) .visual-top{max-width:calc(100% - 128px)}}
@media(prefers-reduced-motion:reduce){#hero-orbit,.hero-art-frame.orbit-ready .hero-art{transition:none}}