.block_s44-hero-top {
  height: 100dvh;
  padding-bottom: 120px;
  position: relative;
  background-size: cover;

  @media screen and (max-width: 535px) {
    &:not(.sub-page-size) {
      .hero-logo-wrapper {
        display: none;
      }
    }
  }

  &.sub-page-size {
    height: 60vh !important;
  }

  &:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 90%);
  }

  .container {
    height: 100%;
    z-index: 998;
    position: relative;
    gap: 40px;
    .hero-inner {
      margin: auto auto 0 0;
      gap: 40px;
      width: 80%;
    }

    .hero-copy {
      max-width: 800px;
      color: var(--s44-cream);


      h1 {
        font-weight: 400;
      }
    }



    .hero-logo-wrapper {
      height: fit-content;
      margin-top: auto;
      width: 160px;

      img {
        width: 100%;
      }
    }

  }
  @media screen and (max-width: 767px) {
    padding-bottom: 20px;
    .container {
      flex-direction: column;

      .hero-logo-wrapper {
        margin-top: 0;
        width: 20%;
      }
    }
  }

  @media screen and (max-width: 535px) {

    .container {

      .hero-buttons {
        flex-direction: column;
      }

      .hero-logo-wrapper {
        width: 100px;
      }
    }
  }
}