/* Loaded after the skins: mobile scenes use a centred crop; desktop keeps --hero-position. */
@media (max-width:767px) {
  .site .section-hero,
  .site .section-hero.race-hero,
  .site .home-hero::before,
  .site .game-card,
  .site .game-card__art,
  .site .history-callout,
  .site .cinema-hero::before,
  .site[data-skin] .universe-stage,
  .site[data-skin] .cinema-story {
    background-position:center;
  }

  .site[data-skin] .cinema-hero__backdrop,
  .site[data-skin] .epic-hero__landscape {
    object-position:center;
  }

  /* The classic home animation also translates the image away from its centre. */
  .site .home-hero::before {
    animation:none;
    transform:none;
  }
}