@media (min-width: 1121px) {
  .hero--public-page:not(.historical-hero) .hero__content {
    padding-block: 54px 60px;
    padding-inline: clamp(64px, 5.5vw, 104px);
  }

  .hero--public-page:not(.historical-hero) .hero__brand {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(400px, 470px) minmax(48px, 1fr) minmax(640px, 820px);
    column-gap: clamp(28px, 3vw, 56px);
    align-items: center;
  }

  .hero--public-page:not(.historical-hero) .logo-frame {
    grid-column: 1;
    justify-self: start;
    width: min(470px, 100%);
    min-height: 360px;
    padding: 30px 34px;
  }

  .hero--public-page:not(.historical-hero) .logo-frame__image {
    max-height: 340px;
  }

  .hero--public-page:not(.historical-hero) .hero__copy {
    grid-column: 3;
    justify-self: end;
    width: 100%;
    max-width: 820px;
    align-content: center;
    justify-items: start;
    text-align: left;
    transform: none;
  }

  .hero--public-page:not(.historical-hero) .hero__title {
    max-width: none;
    font-size: clamp(4.2rem, 5.2vw, 6.35rem);
    line-height: 1.02;
  }

  .hero--public-page:not(.historical-hero) .hero__title-accent {
    display: inline;
  }

  .hero--public-page:not(.historical-hero) .hero__text {
    max-width: 68ch;
  }
}

@media (min-width: 1121px) and (max-width: 1380px) {
  .hero--public-page:not(.historical-hero) .hero__content {
    padding-inline: clamp(44px, 4vw, 64px);
  }

  .hero--public-page:not(.historical-hero) .hero__brand {
    grid-template-columns: minmax(320px, 390px) minmax(28px, 1fr) minmax(560px, 720px);
    column-gap: clamp(20px, 2.5vw, 40px);
  }

  .hero--public-page:not(.historical-hero) .logo-frame {
    width: min(390px, 100%);
    min-height: 316px;
  }

  .hero--public-page:not(.historical-hero) .logo-frame__image {
    max-height: 298px;
  }

  .hero--public-page:not(.historical-hero) .hero__copy {
    grid-column: 3;
    justify-self: end;
    width: 100%;
    max-width: 720px;
    transform: none;
  }

  .hero--public-page:not(.historical-hero) .hero__title {
    font-size: clamp(3.7rem, 5.35vw, 5.15rem);
  }
}

@media (max-width: 1120px) {
  .hero--public-page:not(.historical-hero) .hero__copy {
    grid-column: auto;
    transform: none;
  }
}
