.bp-hero {
  padding: 10.625rem 0 6rem; }
  @media (min-width: 50em) {
    .bp-hero {
      padding: 12rem 0 6rem; } }
  .bp-hero .hero-top {
    display: flex;
    flex-direction: column;
    gap: 2rem; }
    @media (min-width: 75em) {
      .bp-hero .hero-top {
        flex-direction: row;
        align-items: flex-end; } }
  .bp-hero .bp-hero-title {
    margin: 0;
    max-width: 887px; }
  .bp-hero .bp-hero-line {
    margin: 2rem 0;
    width: 100%;
    height: 1px;
    background: var(--wp--preset--color--blue); }
    @media (min-width: 50em) {
      .bp-hero .bp-hero-line {
        margin: 3rem 0 2rem; } }
  .bp-hero .bp-hero-text {
    margin: 0 0 0 auto;
    font-size: 1.25rem;
    text-align: right;
    max-width: 320px; }
    @media (min-width: 50em) {
      .bp-hero .bp-hero-text {
        font-size: 1.5rem; } }
  @media (min-width: 50em) {
    .bp-hero .wp-element-button {
      font-size: 1.5rem; } }
  .bp-hero .bp-hero-image-container {
    margin-top: 6rem;
    aspect-ratio: 1312 / 521;
    position: relative;
    overflow: hidden; }
    .bp-hero .bp-hero-image-container .bp-hero-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: calc(100% + 100px);
      object-fit: cover;
      object-position: center;
      display: block; }