/* Apollomarket's sign-in page: the BBC's sign-in layout (bbc-auth.css, from
 * the BBC server) with Apollomarket's logo, line and background. */
.apollo-login .login-head {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.apollo-login .login-head__logo {
  height: 34px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .5));
}
.apollo-tagline {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #ff4d4f;
}
/* the background is the red logo on black: give it more of the screen and
   less fade than the BBC's gym photo gets */
.apollo-login .login-bg { width: 72%; }
.apollo-login .login-bg img {
  object-position: 60% center;
  -webkit-mask-image: linear-gradient(to left, #000 45%, transparent 92%);
          mask-image: linear-gradient(to left, #000 45%, transparent 92%);
}
.apollo-login .login-bg::after {
  background: linear-gradient(to left, transparent 0 62%, #000);
}
@media (max-width: 860px) {
  .apollo-login .login-bg { width: 100%; }
  .apollo-login .login-bg img {
    object-position: center 35%;
    filter: none;
    opacity: .5;
  }
  .apollo-login .login-head { align-items: center; text-align: center; }
  .apollo-login .login-head__logo { height: 40px; }
}