@media (max-width: 820px) {
  .hero-exterior .hero-bg {
    background-position: 58% center;
  }

  .prologue {
    min-height: 0 !important;
    padding: 68px 24px;
    gap: 22px;
  }

  .prologue h2 {
    margin-bottom: 8px;
  }

  .prologue p {
    margin-block: 0 14px;
    font-size: 18px;
    line-height: 1.6;
  }

  .reveal {
    min-height: 68svh !important;
    padding-block: 70px;
  }

  .testimony {
    padding: 72px 0 76px;
  }

  .testimony .section-head {
    margin-bottom: 28px;
  }

  .finale {
    min-height: 0 !important;
    padding: 72px 24px 82px;
  }

  .finale h2 {
    font-size: clamp(46px, 13vw, 64px);
  }
}