.hr-hero {
  padding-top: calc(var(--header-height) + 2.5rem);
  padding-bottom: 3.5rem;
  min-height: 560px;
  background-color: #21475f;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
}

.hr-hero-copy {
  max-width: 34rem;
}

.hr-hero h1 {
  margin: 0 0 1.25rem;
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 600;
  line-height: 1.1;
}

.hr-hero p {
  margin: 0 0 1rem;
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.45;
}

.hr-hero img {
  display: block;
  width: 200px;
  height: auto;
  margin-top: 1.25rem;
  filter: brightness(0) invert(1);
}

@media (max-width: 767px) {
  .hr-hero {
    min-height: 420px;
    background-position: top center;
  }
}