/* Milburn: custom login branding */
:root {
  --login-logo-width: 320px;   /* adjust to your logo */
  --login-logo-height: 84px;   /* adjust to your logo */
}

body.login #login h1 a {
  background-image: url("../img/login-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: var(--login-logo-width);
  height: var(--login-logo-height);
  margin: 0 auto 10px;
  text-indent: -9999px;
  overflow: hidden;
  box-shadow: none;
}

/* Optional tidy-ups */
.login form { border-radius: 6px; }
.login #backtoblog, .login #nav { text-align: center; }

/* Retina swap if you added a @2x asset */
@media (min-resolution: 2dppx) {
  body.login #login h1 a {
    background-image: url("../img/login-logo@2x.png");
    background-size: var(--login-logo-width) var(--login-logo-height);
  }
}