/*
 * Production mobile opening based on the supplied portrait mockup.
 * The desktop hero remains the existing landscape image and composition.
 */

.site-v2.site-v74.site-v83.site-v85.site-v100
  .home-hero--studio
  .hero-screen
  > .hero-art {
  display: block;
  height: 100%;
  line-height: 0;
  width: 100%;
}

.site-v2.site-v74.site-v83.site-v85.site-v100
  .home-hero--studio
  .hero-screen
  > .hero-art
  > img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

@media (max-width: 700px) {
  .site-v2.site-v74.site-v83.site-v85.site-v100
    .home-hero--studio
    .hero-screen {
    background: #11110f;
  }

  .site-v2.site-v74.site-v83.site-v85.site-v100
    .home-hero--studio
    .hero-screen
    > .hero-art
    > img {
    height: 100%;
    inset: 0;
    object-position: center center;
    position: absolute;
  }

  /* The supplied art already contains the intended logo, copy, and badges. */
  .site-v2.site-v74.site-v83.site-v85.site-v100 .hero-download {
    opacity: 0;
    pointer-events: none;
  }

  /* Preserve the mockup's natural light and shadow without the older scrim. */
  .site-v2.site-v74.site-v83.site-v85.site-v100
    .home-hero--studio
    .hero-screen::after {
    display: none;
  }

  /* The closed-state menu artwork is present in the mockup image. */
  .site-v2.site-v74.site-v83.site-v85.site-v100
    .site-header:not(.is-scrolled):not(.is-open)
    .menu-toggle
    span {
    opacity: 0;
  }
}