@media (min-width: 1000px) and (max-width: 1366px) {
  .mf-hero-block h1 { font-size: 48px; line-height: 1.1; }
}
@media (min-width: 690px) and (max-width: 999px) {
  .mf-hero-block h1 { font-size: 42px; line-height: 1.1; }
}
@media (max-width: 689px), (min-width: 690px) and (max-width: 1024px) and (orientation: portrait) {
  .mf-hero-block, .mf-hero-block--compact, .mf-hero-block--large { min-height: 0px; }
  .mf-hero-block__overlay { background: linear-gradient(var(--mf-hero-gradient-angle), var(--mf-hero-gradient-start) 0%, var(--mf-hero-gradient-middle) var(--mf-hero-gradient-position), var(--mf-hero-gradient-end) 100%); }
  .mf-hero-block__shell { display: flex; box-sizing: border-box; width: min(100% - 32px, 1240px); padding: 44px 0px 40px; flex-direction: column; gap: 0px; align-items: stretch; }
  .mf-hero-block__copy, .mf-hero-block--image-left .mf-hero-block__copy { display: contents; }
  .mf-hero-block__kicker, .mf-hero-block h1, .mf-hero-block__intro, .mf-hero-block__button, .mf-hero-block__proof { position: relative; z-index: 30; }
  .mf-hero-block__kicker { order: 1; }
  .mf-hero-block h1 { order: 2; }
  .mf-hero-block__intro { order: 3; }
  .mf-hero-block__media, .mf-hero-block--image-left .mf-hero-block__media { order: 0; min-height: 0px; margin: 0px 0px 24px; z-index: var(--mf-hero-mobile-image-z) !important; }
  .mf-hero-block__media img { width: min(100%, 620px); max-height: 330px; transform: translate(var(--mf-hero-mobile-image-translate-x), var(--mf-hero-mobile-image-translate-y)) scale(var(--mf-hero-mobile-image-scale)); }
  .mf-hero-block__intro { width: 100%; max-width: 100%; font-size: 17px; white-space: normal; overflow-wrap: break-word; }
  .mf-hero-block__button { order: 5; width: 100%; margin-top: 28px; }
  .mf-hero-block__proof { display: grid; order: 6; gap: 10px; margin-top: 28px; }
}
@media (min-width: 690px) and (max-width: 1024px) and (orientation: portrait) {
  .mf-hero-block__shell { width: min(100% - 64px, 1240px); }
  .mf-hero-block h1 { font-size: 42px; }
  .mf-hero-block__media img { max-height: 380px; }
  .mf-hero-block__intro { font-size: 20px; }
  .mf-hero-block__button { width: fit-content; }
}
@media (max-width: 689px) {
  .mf-hero-block h1 { font-size: 38px; }
}