/* Load after brand.css and premium.css. Every decorative loop is static until JS opts in. */
.stage-grid:after,.stage-orbit,.solar-track,.solar-sphere{animation-play-state:paused}
html[data-motion-ready=true][data-motion=active][data-motion-visibility=visible] .brand-stage[data-motion-visible=true] :is(.stage-orbit,.solar-track,.solar-sphere),
html[data-motion-ready=true][data-motion=active][data-motion-visibility=visible] .brand-stage[data-motion-visible=true] .stage-grid:after{animation-play-state:running}

/* A restrained atmosphere around the untouched original logo. */
.rfd-brand .brand-object{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.rfd-brand .rhino-solar-system{z-index:-1;opacity:.7}
.rfd-brand .solar-outer{--period:62s}
.rfd-brand .solar-middle{--period:78s;opacity:.65}
.rfd-brand .solar-sphere{--sphere-size:9px;box-shadow:0 0 10px #ff741c35}
.rfd-brand .solar-pearl{--sphere-size:7px;box-shadow:0 0 8px #e9b47e28}
.rfd-brand .orbit-one{animation-duration:65s}
.rfd-brand .orbit-two{display:none}
.rfd-brand .stage-grid:after{animation-duration:16s;opacity:.65}
.rfd-brand .reading-progress span{box-shadow:none;transition:none}
.rfd-brand .motion-toggle{font-size:11px;min-height:44px;line-height:1.55;text-align:left}
.rfd-brand .motion-toggle:disabled{cursor:default;opacity:1;color:#d0c0b2}

/* Global pause covers CSS, script-driven motion and smooth anchor scrolling. */
html[data-motion=paused],html[data-motion-visibility=hidden]{scroll-behavior:auto}
html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after,
html[data-motion-visibility=hidden] *,html[data-motion-visibility=hidden] *:before,html[data-motion-visibility=hidden] *:after{animation-play-state:paused!important;transition:none!important}
html[data-motion=paused] .reading-progress{visibility:hidden}
html[data-motion=paused] .journey-track>span{transform:scaleX(1)!important}
html[data-motion=paused] .relay-journey .approach-steps:before{transform:scaleY(1)!important}
html[data-motion=paused] .brand-object{transform:none!important}
@media(max-width:699px){
  .rfd-brand .solar-middle{display:none}
  .rfd-brand .solar-sphere{--sphere-size:7px}
  .rfd-brand .stage-grid:after{animation:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .stage-grid:after,.stage-orbit,.solar-track,.solar-sphere{animation:none!important}
  .reading-progress{visibility:hidden}
  .brand-object{transform:none!important}
  .journey-track>span{transform:scaleX(1)!important}
  .relay-journey .approach-steps:before{transform:scaleY(1)!important}
}