/* V15: hero replacement and industrialization background framing */
.hero {
  background-image: url('./assets/donghong-campus-hero.png');
  background-position: center center;
  background-size: cover;
}

.hero::before {
  background:
    linear-gradient(90deg, rgba(249, 251, 251, .97) 0%, rgba(249, 251, 251, .89) 30%, rgba(249, 251, 251, .42) 50%, rgba(249, 251, 251, .04) 72%),
    linear-gradient(180deg, rgba(14, 37, 55, .08), rgba(14, 37, 55, .16));
}

.hero::after {
  background: linear-gradient(180deg, transparent, rgba(247, 249, 250, .84));
}

.industry-chain {
  background-position: center bottom;
}

.industry-chain-overlay {
  background:
    linear-gradient(180deg, rgba(13, 23, 30, .84) 0%, rgba(17, 28, 35, .69) 42%, rgba(13, 22, 28, .72) 82%, rgba(13, 22, 28, .56) 100%),
    linear-gradient(90deg, rgba(18, 30, 38, .34), rgba(185, 138, 61, .08));
}

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

  .industry-chain {
    background-position: center bottom;
  }
}

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

  .hero::before {
    background:
      linear-gradient(90deg, rgba(249, 251, 251, .98) 0%, rgba(249, 251, 251, .91) 64%, rgba(249, 251, 251, .46) 100%),
      linear-gradient(180deg, rgba(14, 37, 55, .08), rgba(14, 37, 55, .16));
  }

  .industry-chain {
    background-position: center bottom;
  }
}