.b-page-title {
  position: relative;
  padding-top: 32px;
  padding-bottom: 32px;
  margin-top: var(--header-height);
  min-height: clamp(22.5rem, 7.69vw + 20.77rem, 30rem);
  background-color: var(--color-background-3);
}
.b-page-title .b__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.b-page-title .b__background .c-media {
  height: 100%;
  aspect-ratio: unset;
}
.b-page-title .b__background .c-media__overlay {
  background-color: var(--color-background-3);
  opacity: 0.48;
}
.b-page-title .b__media {
  position: relative;
  z-index: 2;
  margin-top: 32px;
}
.b-page-title .b__media {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-page-title .b__media .c-media .c-media__image {
  object-fit: contain;
}
.b-page-title .b__content {
  position: relative;
  z-index: 2;
}
.b-page-title .b__content {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-page-title .b__content .c-overline {
  color: var(--color-text-inverted);
}
.b-page-title .b__content .c-headline {
  color: var(--color-secondary);
}
.b-page-title .b__content .c-media {
  margin-top: 32px;
}
.b-page-title.style-2 {
  padding-top: clamp(2rem, 4.1vw + 1.08rem, 6rem);
}
.b-page-title.style-2 .b__background {
  left: calc(var(--layout-offset) * -1);
  aspect-ratio: 147/229;
}
.b-page-title.style-2 .b__background {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 5.2 - var(--layout-gutter) - 0.01px);
}
.b-page-title.style-2 .b__background .c-media {
  width: 100%;
}
.b-page-title.style-2 .b__media {
  order: 1;
  margin-top: 0;
  position: relative;
  padding-bottom: clamp(2rem, 2.05vw + 1.54rem, 4rem);
}
.b-page-title.style-2 .b__media {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 6 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
}
.b-page-title.style-2 .b__media .c-media {
  width: 100%;
  aspect-ratio: 160/180;
}
.b-page-title.style-2 .b__media .c-media__image {
  object-fit: cover;
}
.b-page-title.style-2 .b__media .c-media:after {
  content: "";
  position: absolute;
  top: calc(clamp(0.5rem, 1.54vw + 0.15rem, 2rem) * -1);
  left: calc(clamp(0.5rem, 1.54vw + 0.15rem, 2rem) * -1);
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 2px solid var(--color-secondary);
}
.b-page-title.style-2 .b__content {
  order: 2;
  margin-top: clamp(2rem, 2.05vw + 1.54rem, 4rem);
}
.b-page-title.style-2 .b__content .c-media {
  aspect-ratio: unset;
}
.b-page-title.style-2 .b__content .c-media .c-media__image {
  position: relative;
  height: unset;
  object-fit: contain;
}

@media (min-width: 768px) {
  .b-page-title.style-2 .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-page-title.style-2 .b__content .c-media__image {
    padding-left: 128px;
  }
}
@media (min-width: 1024px) {
  .b-page-title {
    display: flex;
    align-items: center;
  }
  .b-page-title .b__wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  .b-page-title .b__content {
    order: 2;
  }
  .b-page-title .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-page-title .b__media {
    order: 1;
    margin-top: 0;
  }
  .b-page-title .b__media {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
  }
  .b-page-title.style-2 {
    height: calc(100svh - var(--header-height));
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
  }
  .b-page-title.style-2 .b__background {
    position: absolute;
    width: 32%;
    height: 100%;
    aspect-ratio: unset;
  }
  .b-page-title.style-2 .b__background {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 4 - var(--layout-gutter) - 0.01px);
  }
  .b-page-title.style-2 .b__media {
    padding-bottom: 0;
    justify-content: center;
  }
  .b-page-title.style-2 .b__media {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 4 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
  .b-page-title.style-2 .b__content {
    margin-top: 0;
    display: flex;
    flex-flow: column;
    align-content: center;
    padding-left: 0;
  }
  .b-page-title.style-2 .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 6 - var(--layout-gutter) - 0.01px);
  }
}
@media (min-width: 1440px) {
  .b-page-title.style-2 .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
  }
}

/*# sourceMappingURL=style.css.map */