.layout__region:has(.block--block-content--type--hero) {
  padding-bottom: 0;
}

.block--block-content--type--hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-image: linear-gradient(294deg, #1a1a1a 71%, rgba(26, 26, 26, 0.24) 23%, rgba(45, 45, 45, 0.04) 13%, rgba(56, 56, 56, 0) 13%);*/
  background-image: linear-gradient(60deg, rgba(26, 26, 26, 0.74) 13%, rgba(26, 26, 26, 0.24) 23%, rgba(45, 45, 45, 0.04) 71%, rgba(56, 56, 56, 0) 75%);
  /*z-index: 101;*/
}

.block--block-content--type--hero {
  position: relative;

  /* Hightlight logged in 11em + layout padding top 104 (cam remove)*/
  margin-top: calc((104px + 11em) * -1);

  /* This add to both this div and text div, even with preceding &
  ::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-image: linear-gradient(294deg, #1a1a1a 71%, rgba(26, 26, 26, 0.24) 23%, rgba(45, 45, 45, 0.04) 13%, rgba(56, 56, 56, 0) 13%);*
    background-image: linear-gradient(60deg, rgba(26, 26, 26, 0.24) 13%, rgba(26, 26, 26, 0.24) 23%, rgba(45, 45, 45, 0.04) 71%, rgba(56, 56, 56, 0) 75%);
  }
  */

  .field--name-field-hero-media-image {
    width: 100%;
    margin: 0 auto;
    height: 832px;

    article img {
      display: block;
      position: relative;
      width: 100%;
      height: 832px;
      margin: 0 auto;
      object-fit: cover;
    }
  }

  .block--block-content--type--hero__hero-text {
    position: absolute;
    top: 50%;
    left: 158px;
    transform: translate(0, -50%);

    z-index: 102;
  }

  .field--name-field-hero-title {
    font-family: var(--heading-font);
    font-size: 50px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--card);
  }

  .field--name-field-hero-subtitle {
    font-family: Rubik;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--card);
  }


}
