@media (min-width: 761px) {
  .hero {
    min-height: 635px;
    grid-template-columns: minmax(0, 1fr);
    background: linear-gradient(90deg, rgba(3, 12, 0, .78) 0%, rgba(3, 12, 0, .46) 47%, rgba(3, 12, 0, .24) 100%), url('/assets/valles-del-norte-bosque-hero.png') center / cover no-repeat;
  }
  .hero-copy { max-width: 770px; }
}

@media (max-width: 760px) {
  .hero { background: var(--forest); }
}