/* Approved compact secondary-page hero. Preserves the R15 Guide design language. */
.page-hero,
body[data-page] .page-hero {
  min-height: 220px;
  padding: 34px 7vw 30px;
  align-content: center;
}

.page-hero small,
.page-hero h1,
.page-hero p {
  position: relative;
  z-index: 1;
}

.page-hero h1,
body[data-page] .page-hero h1 {
  font-size: clamp(42px, 5vw, 66px);
  line-height: .94;
  margin: 8px 0 13px;
}

.page-hero p,
body[data-page] .page-hero p {
  max-width: 850px;
  font-size: 15px;
  line-height: 1.55;
}

.page-hero::after {
  width: 300px;
  height: 300px;
  right: -80px;
  top: -145px;
}

@media (max-width: 620px) {
  .page-hero,
  body[data-page] .page-hero {
    min-height: 180px;
    padding: 26px 7vw 24px;
  }

  .page-hero h1,
  body[data-page] .page-hero h1 {
    font-size: clamp(38px, 11vw, 52px);
    margin: 7px 0 11px;
  }

  .page-hero p,
  body[data-page] .page-hero p {
    font-size: 13px;
    line-height: 1.45;
  }
}