/* A quieter scale for the homepage name and portrait. */
.hero-copy h1 { font-size: clamp(54px, 7.2vw, 112px); }

.portrait-wrap {
  width: min(74%, calc(100svh - 280px));
  max-width: 440px;
}

@media (max-width: 850px) {
  .hero-copy h1 { font-size: clamp(42px, 12vw, 76px); }
  .portrait-wrap { max-width: 64%; }
}

@media (max-width: 850px) and (max-height: 600px) and (orientation: landscape) {
  .hero-copy h1 { font-size: clamp(38px, 7vw, 58px); }
  .portrait-wrap { width: 88%; max-width: 88%; }
}

@media (max-width: 520px) and (orientation: portrait) {
  .hero,
  body.has-book-support-banner .hero {
    grid-template-columns: minmax(0, 1fr) clamp(104px, 31vw, 145px);
  }

  .hero-copy h1 { font-size: clamp(34px, 10vw, 48px); }
  .portrait-wrap { max-width: none; transform: none; }
}