/* Keep mobile hero copy below the overlaid logo/header on every core page. */
@media (max-width: 921px) {
  .d4m-core__hero {
    align-items: flex-start;
  }

  .d4m-core__hero > .d4m-core__shell {
    padding-top: clamp(150px, 20svh, 190px);
    padding-bottom: 64px;
  }
}

@media (max-width: 600px) {
  .d4m-core__hero > .d4m-core__shell {
    padding-top: clamp(205px, 28svh, 235px);
  }
}