.site-header .container { padding-inline: 20px; padding-block: 15px; }
.site-header__logo img { height: 49px; }
.hero__bg::after { background: rgba(0,0,0,.3); }
.hero__content { padding: 40px 10% 100px 40px; }
.hero__content h5 { font-size: 19.2px; line-height: 1.2; letter-spacing: normal; margin: 0 0 .67em; }
.hero__content h1 { font-size: 43.2px; line-height: 1.2; margin: 0 0 .67em; }
.hero__content .btn { min-width: 127px; font-weight: 400; padding: 7px 10px 6px; border: 0; text-align: center; justify-content: center; }

/* The original split bands run edge to edge without the repair cap. */
.section--split .container--fluid {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

/* Restore the original white buttons after the generic repair button rule. */
.split-block__green .btn--white {
  display: flex;
  width: fit-content;
  min-width: 127px;
  justify-content: center;
  padding: 7px 10px 6px;
  border-color: #fff;
  background: #fff;
  color: #2b2b2b;
  font-weight: 700;
}

/* The source uses a normal unordered list, including visible disc markers. */
.split-list {
  margin: 1em 0;
  padding-left: 40px;
  list-style: outside disc;
}

/* The source divider is a visible, solid white rule. The repair reveal
   selector has higher specificity, so override it explicitly here. */
.js .split-block__green .split-divider {
  width: 100%;
  max-width: 250px;
  height: 2px;
  border: 0;
  background: #fff;
  opacity: 1;
  transform: none;
}

@media (max-width: 750px) {
  .hero__content { padding: 0 20px 40px; }
  .hero__content h1 { font-size: 32px; }

  /* Match the original mobile split bands: a centered, shrink-to-content
     text column followed by the same 400px, edge-cropped photo panel. */
  .split-block__green,
  .split-block--reverse .split-block__green {
    min-height: 400px;
    padding: 0 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .split-block__inner {
    width: auto;
    max-width: none;
    padding: 60px 0;
  }

  .split-divider {
    width: 100%;
    max-width: 250px;
    opacity: 1;
    transform: none;
  }

  .split-block__image,
  .split-block--reverse .split-block__image {
    width: calc(100% + 80px);
    min-height: 400px;
    margin-left: -40px;
  }
}