/* Home page: the CircularCarousel orbiting the hero logo (js/hero-carousel.js).
   The box from the task (100% of the logo's column x 560px) is centred on
   the logo by the script; nothing else in the hero moves. */
.sx-hero-grid{position:relative}
.sx-hero-orbit{position:absolute;height:560px}
.sx-hero-orbit-logo{position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}
@media (max-width:860px){.sx-hero-orbit{display:none}}