.page-home .hero {
  background:
    linear-gradient(90deg, rgba(3, 16, 39, 0.98) 0%, rgba(4, 23, 48, 0.91) 43%, rgba(4, 23, 48, 0.56) 72%, rgba(4, 23, 48, 0.78) 100%),
    url("../img/laboratory-hero.jpg") center center / cover no-repeat;
}

.page-home .hero-card {
  background: linear-gradient(145deg, rgba(5, 30, 58, 0.88), rgba(5, 25, 48, 0.72));
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34);
}

@media (max-width: 850px) {
  .page-home .hero {
    background:
      linear-gradient(180deg, rgba(3, 16, 39, 0.96) 0%, rgba(4, 23, 48, 0.9) 52%, rgba(4, 23, 48, 0.95) 100%),
      url("../img/laboratory-hero.jpg") 68% center / cover no-repeat;
  }
}

@media (max-width: 480px) {
  .page-home .hero {
    background:
      linear-gradient(180deg, rgba(3, 16, 39, 0.94), rgba(4, 23, 48, 0.89) 38%, rgba(4, 23, 48, 0.97)),
      url("../img/laboratory-hero.jpg") 72% center / auto 100% no-repeat,
      #031027;
  }
}