.mm-intro__smoke {
  background: url('/assets/intro/smoke-overlay.png') center bottom / cover no-repeat;
  mix-blend-mode: screen;
}

@media (max-width: 720px) and (orientation: portrait) {
  .mm-intro__cartoon {
    background-image: url('/assets/intro/cars-cartoon-mobile.webp');
    background-position: center;
    background-size: cover;
  }

  .mm-intro__brand {
    position: absolute;
    top: max(7vh, env(safe-area-inset-top));
    width: 94vw;
    padding: .5rem;
  }

  .mm-intro__logo {
    width: min(92vw, 560px);
    max-height: 28vh;
  }

  .mm-intro__line {
    width: min(76vw, 380px);
  }

  .mm-intro__smoke {
    background-position: center bottom;
    background-size: auto 82%;
  }

  .mm-intro__skip {
    right: max(.8rem, env(safe-area-inset-right));
    bottom: max(.8rem, env(safe-area-inset-bottom));
    padding: .75rem 1rem;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .mm-intro__brand {
    width: min(58vw, 520px);
  }

  .mm-intro__logo {
    width: min(52vw, 460px);
    max-height: 48vh;
  }
}