.hero {
  background-color: #30070d;
  background-image: url("assets/hero-distribuicao.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero::before {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(28, 2, 7, .88) 0%, rgba(40, 4, 10, .7) 38%, rgba(40, 4, 10, .1) 66%, rgba(20, 2, 5, .08) 100%),
    linear-gradient(0deg, rgba(31, 3, 8, .6) 0%, transparent 35%, rgba(21, 2, 5, .12) 100%);
}

.hero-art,
.hero-glow {
  display: none;
}

.hero-content {
  max-width: 850px;
}

.hero-copy {
  max-width: 620px;
  color: rgba(255, 255, 255, .88);
}

@media (max-width: 900px) {
  .hero {
    background-position: 66% center;
  }

  .hero::before {
    background: linear-gradient(90deg, rgba(32, 3, 8, .93) 0%, rgba(39, 5, 11, .78) 62%, rgba(30, 3, 8, .35) 100%);
  }
}

@media (max-width: 560px) {
  .hero {
    background-position: 70% center;
  }

  .hero::before {
    background:
      linear-gradient(90deg, rgba(31, 3, 8, .94), rgba(38, 5, 11, .7)),
      linear-gradient(0deg, rgba(24, 2, 6, .82), transparent 55%);
  }
}