.splash {
  margin-bottom: calc(var(--line-height-em)*3);
}
.splash__bg-image {
  background-image: url('splash.webp');
}

.no-webp .splash__bg-image {
  background-image: url('splash.webp');
}

.eyebrow {
  font-size: var(--fs-small);
  color: var(--text-mute);
  font-weight: var(--fw-medium);
}


/* ---- partnerships  ------ */
.overlapping-element__image-wrapper {
  width: 400px;
  margin-right: 6em;
}

.overlapping-element__text {
  width: 35em;
}

.overlapping-element__text::before {
  width: 200px;
  left: calc(-.75 * 200px);        /* 75% of width */
}

.partnership__description {
  margin-bottom: var(--line-height-em);
}

@media screen and (max-width:639px) {
  .overlapping-element {
    display: block;
    margin-bottom: calc(var(--line-height-em) * 7);
  }

  .overlapping-element__image-wrapper {
    width: 100%;
    margin-right: 0;
    max-height: 250px;
    margin-bottom: var(--line-height-em);
  }

  .overlapping-element__image {
    max-height: 100%;
    object-fit: scale-down;
  }


  .overlapping-element__text {
    width: 100%;
    padding-left: var(--line-height-em);
    padding-right: var(--line-height-em);
  }

  .overlapping-element__text::before {
    left: 0;
    width: 100px;
    height: calc(100% +  250px + 150px);     /* 100px jutting out above image wrapper */
    top: calc(-1.85714286em - 250px - 50px);   /* juts out 100px */
  }
}

@media all and (max-width:790px) {
  .overlapped-full-width-banner .splash__overlapping {
    width: 100%;
    max-width: 100%;
    padding: var(--line-height-em);
  }
}

@media print {
  .overlapping-element {
    display: block;
    margin-bottom: calc(var(--line-height-em) * 3);
  }

  .overlapping-element__image-wrapper {
    width: 50%;
  }

  .overlapping-element__image {
    width: auto;
    max-height: 100%;
    object-fit: scale-down;
  }

}