Tambien el tema del Scroll horizontal se pudiera resolver aplicando lo siguiente:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Entonces, ya se puede mantener el .banner__title tranquilamente asi:

.banner__title {
  margin: auto;
  transform: rotate(-90deg);
}

Tambien el tema del Scroll horizontal se pudiera resolver aplicando lo siguiente:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Entonces, ya se puede mantener el .banner__title tranquilamente asi:

.banner__title {
  margin: auto;
  transform: rotate(-90deg);
}

Tambien el tema del Scroll horizontal se pudiera resolver aplicando lo siguiente:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Entonces, ya se puede mantener el .banner__title tranquilamente asi:

.banner__title {
  margin: auto;
  transform: rotate(-90deg);
}