/* -- -- -- -- -- BANNEER -- -- -- -- -- */
body > .banneer {
  background-position: center;
  background-size: cover;
  min-height: 35dvh;
  padding-inline: 0;
  position: relative;
}
body > .banneer--project > .banneer__background {
  object-fit: cover;
  min-height: 35dvh;
}

.banneer .hashtag {
  margin: 0 auto;
  padding-inline: 3.5vw;
  width: fit-content;
}
.banneer__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  bottom: -0.25rem;
  position: absolute;
}
.banneer__illustration {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}
.bTitle {
  color: var(--white);
  font-size: 2.5rem;
  font-family: var(--ffMBlIt);
  line-height: 2.5rem;
  margin-left: -9.5vw;
  opacity: 0.95;
  text-align: center;
  text-transform: uppercase;
  width: 100vw;
}
.bSubtitle {
  color: var(--white);
  font-size: 2.1875rem;
  font-family: var(--ffMSeBoIt);
  line-height: 2.625rem;
  margin-left: -9.5vw;
  opacity: 0.95;
  text-align: center;
  text-transform: uppercase;
  width: 100vw;
}
.banneer__title,
.banneer__subtitle {
  text-align: center;
  padding-inline: 5vw;
}
.banneer__subtitle {
  color: var(--white);
  font-family: var(--ffMMe);
  font-size: 8.5vw;
  line-height: 8.5vw;
  margin-bottom: -0.125rem;
  text-transform: uppercase;
}
.banneer__title {
  color: var(--white);
  font-family: var(--ffMXBo);
  font-size: 11.5vw;
  line-height: 11.5vw;
  text-transform: uppercase;
}
.banneer__title--post {
  font-size: 7.5vw;
  line-height: 7.5vw;
}
.banneer__titleContainer {
  bottom: -1vw;
  position: absolute;
  width: 100%;
}
.banneer__shadow {
  background: #5e1918;
  background: linear-gradient(
    0deg,
    rgba(94, 25, 24, 0) 0%,
    rgba(19, 5, 5, 1) 100%
  );
  display: block;
  height: 100%;
  opacity: 0.56;
  position: absolute;
  width: 100%;
}
.hashtag__container {
  align-items: center;
  display: flex;
  height: fit-content;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media (min-width: 575.98px) {
  .bTitle {
    padding-inline: 16vw;
    width: 100vw;
  }
  .bSubtitle {
    padding-inline: 16vw;
    width: 100vw;
  }
  .banneer__subtitle {
    font-size: 9vw;
    line-height: 9vw;
  }
  .banneer__title {
    font-size: 12.5vw;
    line-height: 12.5vw;
  }
  .banneer__titleContainer {
    bottom: -0.85vw;
    position: absolute;
    width: 100%;
  }
  .banneer__title--post {
    font-size: 7.5vw;
    line-height: 7.5vw;
  }
  body > .banneer--project {
    background-position: center;
    background-size: cover;
    min-height: 30dvh;
    padding-inline: 0;
    position: relative;
  }
  body > .banneer--project > .banneer__background {
    min-height: 30dvh;
  }
}

@media (min-width: 767.98px) {
  .bTitle {
    padding-inline: 10vw;
    width: 100vw;
  }
  body > .banneer {
    min-height: 45dvh;
  }
  .banneer__titleContainer {
    bottom: -1.25vw;
  }
}

@media (min-width: 991.98px) {
  .banneer__title {
    font-size: 4.16vw;
    line-height: 3.65vw;
  }
  .banneer__subtitle {
    font-size: 4.16vw;
    line-height: 3.65vw;
  }
  .banneer__titleContainer {
    bottom: -0.25vw;
  }
}

@media (min-width: 1199.98px) {
  body > .banneer {
    min-height: 50dvh;
  }
}

@media (min-width: 1919.98px) {
}