.bs-hero {

  min-height: var(--hero-height, 100px);

  &.project-hero-header {
    background-image: linear-gradient(
      to bottom,
      hsla(0, 0%, 0%, 0.5),
      hsla(0, 0%, 0%, 0.3),
      hsla(0, 0%, 0%, 0.5)
      ),
      var(--hero-background);

      h1 {
        font-size: 5rem;
      }
  }

  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center;

  .bs-hero__content {
    display: flex;
    align-items: center;

    &:has(.card) {
      align-items: stretch;
      gap: 2rem;
    }
  }

  &:has(.bs-hero__side-image) {
    /* display: flex;
    flex-direction: row; */
    justify-content: space-between;

    .bs-hero__side-image {
      background-image: var(--hero-background);
      min-height: var(--hero-height);
      background-size: cover;
    }

    .bs-hero__content {
      padding: 1rem 5%;
    }
  }

  &:not(:has(img, .bs-hero__side-image)) {
    padding: 4rem;
  }

  .paragraph__column {
    padding: 0;
  }

  
}
.project-logo  + .field__field_paragraphs:not(:first-child) {
    margin-block-start: .5rem;
}