/* Compact the fire-mobile hero so the overview starts without a blank viewport. */
body.is-big-screen #app .fm-study .fm-hero {
  grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr) !important;
  align-items: center !important;
  min-height: 620px !important;
  padding: 48px 0 56px !important;
  overflow: hidden !important;
}

body.is-big-screen #app .fm-study .fm-hero-copy h1 {
  margin: 16px 0 !important;
  font-size: 52px !important;
  line-height: 1.08 !important;
}
body.is-big-screen #app .fm-study .fm-hero-copy p {
  max-width: 600px !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}
body.is-big-screen #app .fm-study .fm-hero-copy > div { margin-top: 22px !important; }

body.is-big-screen #app .fm-study .fm-hero-stage {
  width: min(100%, 740px) !important;
  max-width: 740px !important;
  min-height: 500px !important;
  justify-self: end !important;
  transform: none !important;
}
body.is-big-screen #app .fm-study .fm-hero-stage .fm-device { width: 29% !important; }
body.is-big-screen #app .fm-study .fm-hero-stage .is-main { top: 0 !important; left: 35.5% !important; }
body.is-big-screen #app .fm-study .fm-hero-stage .is-left { top: 10% !important; left: 1% !important; }
body.is-big-screen #app .fm-study .fm-hero-stage .is-right { top: 10% !important; right: 1% !important; }

body.is-big-screen #app .fm-study .fm-hero-stage .fm-device > div {
  padding: 8px !important;
  border-radius: 30px !important;
  background: #05090d !important;
}
body.is-big-screen #app .fm-study .fm-hero-stage .fm-device img {
  border-radius: 10px !important;
  object-fit: cover !important;
  object-position: top center !important;
}

body.is-big-screen #app .fm-study .fm-section {
  padding-top: 82px !important;
  padding-bottom: 82px !important;
}

@media (max-width: 900px) {
  body.is-big-screen #app .fm-study .fm-hero {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 48px 0 60px !important;
  }
  body.is-big-screen #app .fm-study .fm-hero-stage {
    min-height: 430px !important;
    justify-self: center !important;
  }
}
