@media (max-width: 900px) {
  .cover-stage {
    grid-row: 1;
    min-height: calc(100svh - 82px);
  }

  .hero-copy {
    grid-row: 2;
  }

  .hero-author {
    object-position: center 22%;
  }
}

@media (max-width: 580px) {
  .cover-stage {
    min-height: calc(100svh - 82px);
    padding: 28px;
  }

  .cover-wrap {
    width: min(34%, 145px);
  }

  .cover-wrap p {
    font-size: 13px;
  }
}