.wp-block-sp-page-header__container {
  position: relative;
  --page-header-radius: var( --radius-xlarge );
}
@media only screen and (max-width: 781px) {
  .wp-block-sp-page-header__container {
    --page-header-radius: var( --radius-xlarge );
  }
}

.wp-block-sp-page-header__image-container {
  margin-top: 3rem;
  width: 100%;
  aspect-ratio: 3/1;
  border-radius: var(--page-header-radius);
}
.wp-block-sp-page-header__image-container:has(~ .wp-block-sp-page-header__title-container) {
  padding-left: 3rem;
}
@media only screen and (max-width: 999px) {
  .wp-block-sp-page-header__image-container {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 781px) {
  .wp-block-sp-page-header__image-container {
    aspect-ratio: 2/1;
    margin-top: var(--wp--style--root--padding-left);
  }
  .wp-block-sp-page-header__image-container:has(~ .wp-block-sp-page-header__title-container) {
    padding-left: 0;
  }
  .wp-block-sp-page-header__image-container:has(+ .wp-block-sp-page-header__title-container),
  .wp-block-sp-page-header__image-container:has(+ .wp-block-sp-page-header__title-container) img.wp-block-sp-page-header__image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

img.wp-block-sp-page-header__image {
  border-radius: var(--page-header-radius);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.wp-block-sp-page-header__title-container {
  border-radius: var(--radius-xlarge);
  background-color: var(--wp--preset--color--blue);
  padding: 0.5rem 1.5rem;
  position: absolute;
  bottom: 2.5rem;
  max-width: -moz-calc(100% - 3rem);
  max-width: calc(100% - 3rem);
}
@media only screen and (max-width: 999px) {
  .wp-block-sp-page-header__title-container {
    left: 0;
  }
}
@media only screen and (max-width: 781px) {
  .wp-block-sp-page-header__title-container {
    position: relative;
    bottom: auto;
    left: auto;
    max-width: 100%;
    padding: 0.5rem 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.wp-block-sp-page-header__title-container h1.wp-block-sp-page-header__title {
  -webkit-margin-before: 0rem;
          margin-block-start: 0rem;
  -webkit-margin-after: 0rem;
          margin-block-end: 0rem;
  color: var(--wp--preset--color--white);
}