/* 7Z Magic HOME visibility root fix.
   The native design remains responsible for sizing/positioning.
   This file only prevents hero copy from being hidden at any viewport.
*/

.hero-title,
.hero-copy {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (min-width: 761px) and (max-width: 1100px) {
  .hero-title {
    width: min(86vw, 780px) !important;
    max-width: 780px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(2.8rem, 4.8vw, 4.2rem) !important;
    line-height: .93 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
  }

  .hero-copy {
    width: min(76vw, 640px) !important;
    max-width: 640px !important;
    margin: clamp(14px, 2vh, 20px) auto 0 !important;
    font-size: clamp(.94rem, 1.25vw, 1.06rem) !important;
    line-height: 1.55 !important;
    text-wrap: balance;
  }

  #loader {
    transition: opacity .20s ease, visibility .20s ease !important;
  }
}