/* =====================================================
   HOME HERO
===================================================== */
.parallax__fade {
  /*background: linear-gradient(rgba(23,42,70,0) 70%, rgba(23,42,70,1) 100%);*/
  /*background: linear-gradient(rgba(23,23,23,0) 70%, rgba(23,21,19,1) 100%);*/
}

.parallax__header {
  z-index: 2;
  /*padding: var(--section-padding) var(--container-padding);*/
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.parallax {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.parallax__visuals {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.parallax__layers {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.parallax__fade {
  z-index: 30;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 20%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.parallax__black-line-overflow {
  z-index: 20;
  /*background-color: var(--color-black);*/
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.parallax__title {
  pointer-events: auto;
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: .1em;
  margin-right: .075em;
  /*font-family: PP Neue Corp Wide, sans-serif;*/
  font-size: 6vw;
  font-weight: 800;
  line-height: 1;
  position: relative;
  color: white;
}

.parallax__layer-title {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

/*.parallax__layer-img {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 117.5%;
  position: absolute;
  top: -17.5%;
  left: 0;
}*/
.parallax__layer-img {
  pointer-events: none;
  object-fit: cover;   /* remplit tout, mais peut rogner */
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*.parallax__layer-img {
  pointer-events: none;
  width: 100%;
  height: auto;        /* hauteur libre selon le ratio */
  position: absolute;
  top: -17.5%;
  left: 0;
}*/

.parallax__layer-img.is-third {
  top: -20%;
}



@media (max-width: 768px) {
  .parallax__title{
    font-size: 12vw;
  }
}