/* Visuels officiels Pierre Libre : une image par solution, sans montage. */
.hero {
  min-height: 590px;
  background-image: url("media/maison-neuve.png");
  background-position: center 60%;
}

.hero::after {
  background: linear-gradient(180deg, rgba(246, 250, 253, .76) 0%, rgba(246, 250, 253, .29) 55%, rgba(255, 255, 255, 0) 100%);
}

.solution-image {
  background-size: cover;
  background-position: center;
}

.apartment .solution-image {
  background-image: url("media/residence-appartements-neufs.png");
  background-position: center 57%;
}

.house .solution-image {
  background-image: url("media/maison-neuve.png");
  background-position: center 60%;
}

.land .solution-image {
  background-image: url("media/terrain-fondations.png");
  background-position: center 57%;
}

.project-banner {
  background-image: linear-gradient(90deg, rgba(3, 22, 46, .95) 0%, rgba(3, 22, 46, .78) 34%, rgba(3, 22, 46, .06) 72%), url("media/terrasse-maison-contemporaine.png");
  background-position: center;
}

@media (max-width: 650px) {
  .hero {
    min-height: 550px;
    background-position: center 58%;
  }

  .solution-image {
    background-size: cover;
  }

  .project-banner {
    background-image: linear-gradient(90deg, rgba(3, 22, 46, .96) 0%, rgba(3, 22, 46, .73) 68%, rgba(3, 22, 46, .22)), url("media/terrasse-maison-contemporaine.png");
    background-position: 66% center;
  }
}