/* The BBC Store's sign-in screen (bbc-login-store.html): the BBC's layout from
   bbc-auth.css, with the store's logo, a red tagline and the store at night
   behind it. Only loaded at bbcfight.com/shop/... */
.store-login .login-head { flex-direction: column; align-items: flex-end; gap: 12px; }
.store-login .login-head__logo { height: 50px; }
/* The picture's sign and display sit on its right; the column it fills is
   narrower than the picture, so keep the right side in frame. */
.store-login .login-bg img { object-position: 82% center; }
.store-tagline { margin: 0; font-family: var(--display); font-size: 14px; line-height: 1.2;
  letter-spacing: .2em; text-transform: uppercase; color: #ff3434; }

/* The night-store picture is dark already: the BBC photo's lift on phones would
   wash it out, so it shows as made, under a lighter fade. */
@media (max-width: 860px) {
  .store-login .login-head { align-items: flex-start; }
  .store-login .login-head__logo { height: 58px; }
  .store-login .login-bg img { filter: none; opacity: 1; object-position: center; }
  .store-login .login-bg::after { background: linear-gradient(to bottom,
      rgba(0, 0, 0, .45), rgba(0, 0, 0, .72) 40%, rgba(0, 0, 0, .94)); }
}